DFP后呈现回调(DFP post-rendering callback)

我需要触发一些JavaScript DFP结束后显示在网页上的所有广告-或者至少当它引发collapseEmptyDivs（其中隐藏不包含行项目的广告单元）。

是任何人都知道的一种方式来获得DFP后这些事件的触发回调？

Answer 1:

在GPT API现在有每个槽充满后触发回调。

例如：

googletag.pubads().addEventListener('slotRenderEnded', function(event) {
 console.log('Creative with id: ' + event.creativeId +
  ' is rendered to slot of size: ' + event.size[0] + 'x' + event.size[1]);
});

见https://developers.google.com/doubleclick-gpt/reference#googletag.events.SlotRenderEndedEvent

Answer 2:

我砍死googletag的的debug_log.log功能，并推动它通过jQuery来火了很多的DFP的行为事件。该黑客确实需要jQuery的。

https://github.com/mcountis/dfp-events

GPT-google_js_loaded
GPT-gpt_fetch
GPT-gpt_fetched
GPT-page_load_complete
GPT-queue_start
GPT-service_add_slot
GPT-service_add_targeting
GPT-service_collapse_containers_enable
GPT-service_create
GPT-service_single_request_mode_enable
GPT-slot_create
GPT-slot_add_targeting
GPT-slot_fill
GPT-slot_fetch
GPT-slot_receiving
GPT-slot_render_delay
GPT-slot_rendering
GPT-slot_rendered

Answer 3:

在你的页面的部分负载脚本：

// set global variable if not already set
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];

// load asynchronously the GPT JavaScript library used by DFP,
// using SSL/HTTPS if necessary
(function() {
  var gads   = document.createElement('script');
  gads.async = true;
  gads.type  = 'text/javascript';

  var useSSL = 'https:' === document.location.protocol;
  gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
  var node =document.getElementsByTagName('script')[0];
  node.parentNode.insertBefore(gads, node);
})();

初始化谷歌发布商代码与下面的脚本，最好还有在你的页面的部分：

// can be moved as well in the body
// if using async mode, wrap all the javascript into googletag.cmd.push!
googletag.cmd.push(function() {
  // set page-level attributes for ad slots that serve AdSense
  googletag.pubads().set("adsense_background_color", "FFFFFF");
  googletag.pubads().setTargeting("topic","basketball");

  // enables Single Request Architecture (SRA)
  googletag.pubads().enableSingleRequest();

  // Disable initial load, we will use refresh() to fetch ads.
  // Calling this function means that display() calls just
  // register the slot as ready, but do not fetch ads for it.
  googletag.pubads().disableInitialLoad();

  // Collapses empty div elements on a page when there is no ad content to display.
  googletag.pubads().collapseEmptyDivs();

  // Enables all GPT services that have been defined for ad slots on the page.
  googletag.enableServices();
});

分别注册时隙（可以用foreach循环中产生）和使它们。事件监听器可以每时隙被注册为好。这里最重要的部分：确保你刷新在一起，以避免在两个插槽相同的广告结束了（如果广告分配到两个插槽）=> googletag.pubads（）刷新（[SLOT1，SLOT2]）。 ;

// this code can be moved externally to improve performance
googletag.cmd.push(function() {
  // define slot1
  slot1 = googletag.defineSlot(
    "/1234/travel/asia/food",
    [728, 90],
    "banner1"
  )
  .addService(googletag.pubads())
  .setTargeting(
    "interests",
    ["sports", "music", "movies"]
  );
  // prerender the slot but don't display it because of disableInitialLoad()
  googletag.display("banner1");

  // define slot2    
  slot2 = googletag.defineSlot(
    "/1234/travel/asia/food",
    [[468, 60], [728, 90], [300, 250]],
    "banner2"
  )
  .addService(googletag.pubads())
  .setTargeting("gender", "male")
  .setTargeting("age", "20-30");

  // prerender the slot but don't display it because of disableInitialLoad()
  googletag.display("banner2");  


  // add event to sign the slot as redered or not
  googletag.pubads().addEventListener('slotRenderEnded', function(event) {
    if (event.slot === slot1 || event.slot === slot2) {
      // do something related to the slot
    }
  });

  // refresh all container ads and show them
  // very important to call refresh with an array to avoid 
  // multiple callback to the registered event 
  googletag.pubads().refresh([slot1, slot2]);
});

<div id="banner1" style="width:300px; height:250px;"></div>

<div id="banner2" style="width:300px; height:250px;"></div>

该广告已被渲染后，回调被触发。

欲了解更多信息，对这个文件一看： https://github.com/davidecantoni/googletag

Answer 4:

退房jQuery的DFP延长我的工作......这仍然是一个有点进展中的工作，但提供了你之后回调。

如何使用它的一个例子是在这个文件。

您将看到两个回调，......每个广告已加载且所有广告都加载之后之后。类也被设置在广告单元容器元件上，这既可以是显示无（当没有广告被发现），显示块（当广告被发现）或显示原始（当没有广告发现，但div容器包含的内容，首先，我用这个在需要的时候骑着广告内容的网站的某些部分）。这些类是当然有用与回调中，一旦工作。

Answer 5:

如果您需要确定（如果你使用的是相同的广告多个插槽有用）渲染特定插槽的结束，你可以做以下

googleAd =  googletag.defineSlot('/xxxxx/web_top_AAAxAAA', [xxx, xxx], 'div-id').addService(googletag.pubads());    


googletag.pubads().addEventListener('slotRenderEnded', function(event) {
                    if( event.slot.W == googleAd.W ){
                        // your code here
                    }
                });

Answer 6:

我敢肯定，DFP不提供回调呈现广告之后。我用下面的代码来做到这一点。它调用以下情况之一发生后的回调函数：

-The广告加载和iframe，已使

-No广告被加载，并且该广告单元通过collapseEmptyDivs隐藏（）

的时间-A一定量已经过去（在这种情况下，2秒）与没有一个发生。就像如果有某种连接到DFP联播网的错误。

ADID将是你的广告容器的id

假设你使用jQuery

function callback() {
   //your callback function - do something here
}

function getIframeHtml(iframe) {
   if(iframe.contentWindow && iframe.contentWindow.document && iframe.contentWindow.document.body && iframe.contentWindow.document.body.innerHTML) {
       return iframe.contentWindow.document.body.innerHTML;
   }
   return null;
}

var dfpNumChecks = 20;
var dfpCheckCount = 0;
var dfpCheckTimer = 100;

function dfpLoadCheck(adId) {
   var nodes = document.getElementById(adId).childNodes;

   if(nodes.length && nodes[0].nodeName.toLowerCase() == 'iframe' && getIframeHtml(nodes[0])) {
       //the iframe for the ad has rendered
       callback();
       return;
   } else if($('#' + adId).css('display') == 'none' || (dfpCheckCount >= dfpNumChecks)) {
       //the ad unit has been hidden by collapseEmptyDivs()
       callback();
       return;
   } else {
       dfpCheckCount++;
       setTimeout(function() { dfpLoadCheck(adId) }, dfpCheckTimer); 
   }
}

文章来源: DFP post-rendering callback