加載雙擊爲Publishers廣告使用Jquery UI標籤

我真的很喜歡一個解決方案，從廣告從DFP廣告到ajax jquery UI選項卡。加載雙擊爲Publishers廣告使用Jquery UI標籤

我到處研究過，谷歌沒有提供任何支持或文檔。我有一個我一直在嘗試的樣本js課程。到目前爲止，我無法在我的生活中獲得廣告，以便在標籤加載時進行渲染。

我已經使用這顆寶石https://github.com/digineo/google_dfp加載了所有必要的依賴關係。但我真的很喜歡ablitiy從ajax加載的內容動態加載廣告？

class @ScorecardViewController 

    constructor: (@element) -> 
    $(document).bind "tabsload", => 
     @tabLoaded() 

    getGraphData: -> 


    tabLoaded: -> 
    @panel = $(CricTabsController.getLoadedPanel(@element)) 

    @loadAdverts() 

    graphs = @panel.find(".match-graph").map (index, value) -> 
     $(value).attr("id") 
    @getGraphData() if graphs.length 

    loadAdverts: -> 
    tags = @panel.find("div.google-dfp") 

    googletag.cmd.push(-> 
     tags.each -> 
     $this = $(@) 
     googleAdSlot = googletag.defineSlot($this.data('unit'), [$this.width(), $this.height()], $this.attr("id")).addService(googletag.pubads()) 
     googletag.pubads().enableAsyncRendering() 
     googletag.enableServices() 
     googletag.display($this.attr("id")) 
     googletag.callback() 
    ) 



$ -> 
    $el = $('#sections-matches-scorecard') 
    if $el.length 
    new ScorecardViewController($el)

來源

2013-04-11 Dave Robertson

退房我所創建的插件：https://github.com/coop182/jquery.dfp.js

它可以讓你用jQuery控制DFP ...它可讓您在DFP被加載，這將有助於你得到它與工作動態選擇創建元素。

讓我知道如果您有任何問題，或者在這裏或在github上。

編輯：對不起，只是意識到我回答了你的其他問題之一，讓你知道我的插件...可能不是你在找什麼我猜...但我有一個你想要什麼的例子無論如何......並且它可以幫助你找出你的代碼出錯的地方。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Tabs - Content via Ajax</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <script src="https://raw.github.com/coop182/jquery.dfp.js/master/jquery.dfp.js"></script> 
    <script> 
    $(function() { 
    $("#tabs").tabs({ 
     load: function(event, ui) { 
     $('.adunit:not(".display-block")').dfp({ 
      dfpID: '15572793', 
      enableSingleRequest: false 
     }); 
     } 
    }); 
    }); 
    </script> 
</head> 
<body> 
<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Preloaded</a></li> 
    <li><a href="1.html">Tab 1</a></li> 
    <li><a href="2.html">Tab 2</a></li> 
    <li><a href="3.html">Tab 3</a></li> 
    <li><a href="4.html">Tab 4</a></li> 
    </ul> 
    <div id="tabs-1"> 
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> 
    </div> 
</div> 
</body> 
</html>

1.HTML

Tab 1 <div class="adunit" data-adunit="Leader" data-dimensions="728x90"></div>

2.HTML

Tab 2 <div class="adunit" data-adunit="Button" data-dimensions="160x180"></div>

3.html

Tab 3 <div class="adunit" data-adunit="Skyscraper" data-dimensions="160x600"></div>

4.html

Tab 4 <div class="adunit" data-adunit="Footer" data-dimensions="468x60"></div>

來源

2013-04-11 16:55:29

感謝您的鏈接。我目前正在使用導軌特定的寶石。但是我會對你的插件有一個破解，看看我能否得到它的工作。很快回報 – 2013-04-11 20:53:43

我真的很想聊聊這個成爲rails的寶石嗎？無論如何，我現在要繼續爲我們的項目開展工作。所以生病讓你知道什麼時候完成，所以你可以貢獻。再次感謝 – 2013-04-12 00:07:33

對我來說聽起來不錯，我還沒有玩過鐵軌，但它應該很容易開始......看起來你提到的其他軌道可能鬆散地基於我的回購工作。 ..所以它可能只是一個採取那個寶石的軌道方面的情況，並結合我的一個js得到一個適用於所有情況的寶石。無論如何，讓我知道你是怎麼得到的......並且很高興在這裏看到一個同胞Kiwi！ – 2013-04-12 08:08:09

加載雙擊爲Publishers廣告使用Jquery UI標籤

回答

相關問題