加載動態內容後更改DFP廣告位置

Question

我需要在某些動態內容之間插入DFP廣告（中等矩形）。內容通過AJAX加載，稍後在.items中填充。

<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）進行更改會導致廣告呈現不穩定，大部分情況下只是將廣告留空。

Answer 1

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

這裏有一個工作的例子，動態創建廣告位： 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