update AFP Adapter and add page examples

prebid · Aug 13, 2021 · 6e15c6a · 6e15c6a
1 parent a9c97e6
commit 6e15c6a
Show file tree

Hide file tree

Showing 8 changed files with 954 additions and 551 deletions.
diff --git a/integrationExamples/gpt/afpExample.html b/integrationExamples/gpt/afpExample.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Prebid.js Banner Example</title>
+  <script src="../../../build/dev/prebid.js"></script>
+  <script>
+    var adUnits = [{
+      code: 'iib-target',
+      mediaTypes: {
+        banner: {
+          sizes: [0, 0],
+        }
+      },
+      bids: [{
+        bidder: "afp",
+        params: {
+          placeType: "In-image",
+          placeId: "60e7039918047b3fae304850",
+          placeContainer: '#iib-container',
+          imageUrl: "https://rtbinsight.ru/content/images/size/w1000/2021/05/ximage-30.png.pagespeed.ic.IfuX4zAEPP.png",
+          imageWidth: 1000,
+          imageHeight: 524,
+        }
+      }]
+    },
+    {
+      code: 'icv-target',
+      mediaTypes: {
+        video: {
+          playerSize: [640, 480]
+        }
+      },
+      bids: [{
+        bidder: "afp",
+        params: {
+          placeType: "In-content Video",
+          placeId: "60e5684718047b3fae304617",
+          placeContainer: '#icv-container',
+        }
+      }]
+    },
+    {
+      code: 'asb-target',
+      mediaTypes: {
+        banner: {
+          sizes: [500, 500],
+        }
+      },
+      bids: [{
+        bidder: "afp",
+        params: {
+          placeType: "Action Scroller",
+          placeId: "60f15a8515770d5ab7c7f885",
+          placeContainer: '#asb-container',
+        }
+      }]
+    }];
+
+    var pbjs = pbjs || {};
+    pbjs.que = pbjs.que || [];
+
+    pbjs.que.push(function() {
+      pbjs.addAdUnits(adUnits);
+      pbjs.requestBids({
+        bidsBackHandler: function (e) {
+          if (pbjs.adserverRequestSent) return;
+          pbjs.adserverRequestSent = true;
+          var params = pbjs.getAdserverTargetingForAdUnitCode("iib-target");
+          var iframe = document.getElementById("iib-target");
+
+          if (params && params['hb_adid']) {
+            pbjs.renderAd(iframe.contentDocument, params['hb_adid']);
+          }
+
+          params = pbjs.getAdserverTargetingForAdUnitCode("icv-target");
+          iframe = document.getElementById("icv-target");
+
+          if (params && params['hb_adid']) {
+            pbjs.renderAd(iframe.contentDocument, params['hb_adid']);
+          }
+
+          params = pbjs.getAdserverTargetingForAdUnitCode("asb-target");
+          iframe = document.getElementById("asb-target");
+
+          if (params && params['hb_adid']) {
+            pbjs.renderAd(iframe.contentDocument, params['hb_adid']);
+          }
+        }
+      });
+    });
+  </script>
+</head>
+<body>
+  <h2>In-image</h2>
+  <div class="container-wrapper">
+    <div id="iib-container" style="width: 600px;">
+      <img src="https://creative.astraone.io/files/default_image-1-600x400.jpg" width="100%" />
+    </div>
+    <iframe id="iib-target" style="display: none;"></iframe>
+  </div>
+
+  <h2>In-content Video</h2>
+  <div class="container-wrapper">
+    <div id="icv-container"></div>
+    <iframe id="icv-target" style="display: none;"></iframe>
+  </div>
+
+  <h2>Action Scroller</h2>
+  <div class="container-wrapper">
+    <div id="asb-container"></div>
+    <iframe id="asb-target" style="display: none;"></iframe>
+  </div>
+</body>
+</html>
diff --git a/integrationExamples/gpt/afpGamExample.html b/integrationExamples/gpt/afpGamExample.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Prebid.js Banner Example</title>
+  <script async src="https://www.googletagservices.com/tag/js/gpt.js"></script>
+  <script src="../../../build/dev/prebid.js"></script>
+  <script>
+    var adUnits = [{
+      code: 'div-gpt-ad-1574864639578-0',
+      mediaTypes: {
+        banner: {
+          sizes: [0, 0],
+        }
+      },
+      bids: [{
+        bidder: "afp",
+        params: {
+          placeType: "In-image",
+          placeId: "60e7039918047b3fae304850",
+          placeContainer: '#iib-container',
+          imageUrl: "https://rtbinsight.ru/content/images/size/w1000/2021/05/ximage-30.png.pagespeed.ic.IfuX4zAEPP.png",
+          imageWidth: 600,
+          imageHeight: 400,
+        }
+      }]
+    },
+    {
+      code: 'div-gpt-ad-1574864639578-1',
+      mediaTypes: {
+        video: {
+          playerSize: [640, 480]
+        }
+      },
+      bids: [{
+        bidder: "afp",
+        params: {
+          placeType: "In-content Video",
+          placeId: "60e5684718047b3fae304617",
+          placeContainer: '#icv-container',
+        }
+      }]
+    },
+    {
+      code: 'div-gpt-ad-1574864639578-2',
+      mediaTypes: {
+        banner: {
+          sizes: [500, 500],
+        }
+      },
+      bids: [{
+        bidder: "afp",
+        params: {
+          placeType: "Action Scroller",
+          placeId: "60f15a8515770d5ab7c7f885",
+          placeContainer: '#asb-container',
+        }
+      }]
+    }];
+
+    var pbjs = pbjs || {};
+    pbjs.que = pbjs.que || [];
+
+    var googletag = googletag || {};
+    googletag.cmd = googletag.cmd || [];
+
+    googletag.cmd.push(() => {
+      googletag.pubads().disableInitialLoad();
+    });
+
+    pbjs.que.push(() => {
+      pbjs.addAdUnits(adUnits);
+      pbjs.requestBids({ bidsBackHandler: sendAdServerRequest });
+    });
+
+    function sendAdServerRequest() {
+      googletag.cmd.push(() => {
+        pbjs.que.push(() => {
+          pbjs.setTargetingForGPTAsync('div-gpt-ad-1574864639578-0');
+          pbjs.setTargetingForGPTAsync('div-gpt-ad-1574864639578-1');
+          pbjs.setTargetingForGPTAsync('div-gpt-ad-1574864639578-2');
+          googletag.pubads().refresh();
+        });
+      });
+    }
+
+    googletag.cmd.push(() => {
+      googletag
+        .defineSlot('/19968336/header-bid-tag-0', [300, 250], 'div-gpt-ad-1574864639578-0')
+        .addService(googletag.pubads());
+      googletag.pubads().enableSingleRequest();
+      googletag.enableServices();
+    });
+
+    googletag.cmd.push(() => {
+      googletag
+        .defineSlot('/19968336/header-bid-tag-0', [300, 250], 'div-gpt-ad-1574864639578-1')
+        .addService(googletag.pubads());
+      googletag.pubads().enableSingleRequest();
+      googletag.enableServices();
+    });
+
+    googletag.cmd.push(() => {
+      googletag
+        .defineSlot('/19968336/header-bid-tag-0', [300, 250], 'div-gpt-ad-1574864639578-2')
+        .addService(googletag.pubads());
+      googletag.pubads().enableSingleRequest();
+      googletag.enableServices();
+    });
+
+  </script>
+</head>
+<body id="ocv-container">
+  <h2>In-image</h2>
+  <div class="container-wrapper">
+    <div id="iib-container" style="width: 600px;">
+      <img src="https://creative.astraone.io/files/default_image-1-600x400.jpg" width="100%" />
+    </div>
+    <div id="div-gpt-ad-1574864639578-0">
+      <script type="text/javascript">
+        googletag.cmd.push(function() {
+          googletag.display('div-gpt-ad-1574864639578-0');
+        });
+      </script>
+    </div>
+  </div>
+
+  <h2>In-content Video</h2>
+  <div class="container-wrapper">
+    <div id="icv-container"></div>
+    <div id="div-gpt-ad-1574864639578-1">
+      <script type="text/javascript">
+        googletag.cmd.push(function() {
+          googletag.display('div-gpt-ad-1574864639578-1');
+        });
+      </script>
+    </div>
+  </div>
+
+  <h2>Action Scroller</h2>
+  <div class="container-wrapper">
+    <div id="asb-container"></div>
+    <div id="div-gpt-ad-1574864639578-2">
+      <script type="text/javascript">
+        googletag.cmd.push(function() {
+          googletag.display('div-gpt-ad-1574864639578-2');
+        });
+      </script>
+    </div>
+  </div>
+</body>
+</html>