Between Digital

Инструкция по подключению Prebid.js

Шаг 1: Сборка Prebid.js

Вариант 1: на сайте Prebid.js. Перейдите на сайт prebid.org/download.html , выберите в списке адаптер BetweenDigital, нажмите кнопку «Get Prebid.js!» внизу страницы.

Вариант 2: на сайте Github. Перейдите на сайт github и соберите Prebid согласно инструкции.

Шаг 2: Установка Prebid на странице

В качестве примера используются параметры:

s: 3649326 — id секции

code: ad_slot — id iframe'a, в котором будет показываться креатив

Подключите в <head> собранный Prebid.js: <script src="prebid.js"></script>
Вставьте в <head> следующий код:

Вставте в <body> <iframe id="ad_slot"></iframe>:

Полный пример:

    
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="UTF-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
          <meta http-equiv="X-UA-Compatible" />
          <title>Prebid Test</title>
          <script src="prebid.js"></script>
          <script>
            var PREBID_TIMEOUT = 1000;
            var adUnits = [
              {
                code: "ad_slot",
                mediaTypes: {
                  banner: {
                    sizes: [[970, 250]]
                  }
                },
                bids: [
                  {
                    bidder: "between",
                    params: {
                      s: 3635454
                    }
                  }
                ]
              }
            ];
            var pbjs = pbjs || {};
            pbjs.que = pbjs.que || [];
          </script>
          <script>
            pbjs.que.push(function() {
              pbjs.que.push(function() {
                pbjs.setConfig({
                  userSync: {
                    iframeEnabled: true
                  }
                });
              });
              pbjs.addAdUnits(adUnits);
              pbjs.requestBids({
                bidsBackHandler: sendAdserverRequest
              });
            });
            function sendAdserverRequest() {
              if (pbjs.adserverRequestSent) return;
              pbjs.adserverRequestSent = true;
              var params = pbjs.getAdserverTargetingForAdUnitCode("ad_slot");
              var iframe = document.getElementById("ad_slot");
              var iframeDoc = iframe.contentWindow.document;
              if (params && params["hb_adid"]) {
                pbjs.renderAd(iframeDoc, params["hb_adid"]);
              }
            }
            setTimeout(function() {
              sendAdserverRequest();
            }, PREBID_TIMEOUT);
          </script>
        </head>
        <body>
          <iframe id="ad_slot"></iframe>
        </body>
      </html>