2016-12-28 44 views
0

我需要在某些動態內容之間插入DFP廣告(中等矩形)。內容通過AJAX加載,稍後在.items中填充。加載動態內容後更改DFP廣告位置

<div class="items"> 
    <div>The DFP ad</div> 
    <div>New content</div> 
    <div>New content</div> 
    <div>New content</div> 
    <div>New content</div> 
</div> 

例如,我需要在第三個動態內容後顯示廣告。通過JS(Jquery)進行更改會導致廣告呈現不穩定,大部分情況下只是將廣告留空。

回答

0

如果我正確地得到了問題,您只需動態添加廣告位。

這裏有一個工作的例子,動態創建廣告位: https://github.com/ffeast/gpt-tests/blob/master/dynamic_slots.html

這裏,它是活的: https://jsfiddle.net/Lpqtrtgu/

這是創建一個新的廣告位,並使得它的摘錄:

var slotId = 1; 
     function addNewSlot() { 
      // add a div containing the dynamic ad 
      var label = document.createElement('h1'); 
      label.innerHTML = 'Dynamic slot #' + slotId; 
      document.body.appendChild(label); 
      var container = document.createElement('div'); 
      container.id = 'slot-' + slotId; 
      document.body.appendChild(container); 
      // dynamic slot creation 
      googletag.cmd.push(function() { 
       var slot = googletag.defineSlot('/46362926/test_slot1', [240, 400], container.id).addService(googletag.pubads()); 
       googletag.cmd.push(function() { googletag.display(container.id); googletag.pubads().refresh([slot]); }); 
      }); 
      slotId++; 
     }; 

有關如何在DFP中處理此類案例的官方文檔: https://support.google.com/dfp_premium/answer/4578089?hl=en