DFP-Post-Rendering-Rückruf

Die GPT API hat nun einen callback, der ausgelöst wird, nachdem jeder slot gefüllt ist.

Beispiel:

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]);
});

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

InformationsquelleAutor der Antwort z12345

Load script in den Teil Ihrer Seite:

//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);
})();

Initialisieren google publisher-tag mit dem folgenden script, wünschenswert sowie im-Abschnitt Ihrer Seite:

//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();
});

Registrieren slots einzeln (kann erzeugt werden mit einer foreach-Schleife) und Rendern Sie. Der Ereignis-listener registriert werden kann, als auch pro slot.
Hier der wichtige Teil: stellen Sie sicher, dass Sie aktualisieren Sie Sie zusammen, um zu vermeiden enden mit der gleichen anzeigen auf beide slots (wenn die Anzeige zuweisen, beide Steckplätze) => googletag.pubads().refresh([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>

Nachdem die Anzeige gerendert wurde, wird die callback wird ausgelöst.

Für mehr Informationen werfen Sie einen Blick auf diese Datei:
https://github.com/davidecantoni/googletag

InformationsquelleAutor der Antwort Spidi

Wenn Sie benötigen, um identifizieren die render-Ende einen bestimmten slot ( nützlich, wenn Sie über die gleichen kreativen, die für mehrere slots ) können Sie die folgenden

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
                    }
                });

InformationsquelleAutor der Antwort Aman Verma