我使用DFP广告管理系统(DFP)投放的广告。这是页面:http://www.ifly.com
我在页面加载事件后通过jQuery AJAX加载DFP广告,以使我的各种搜索窗口小部件可用于尽快进行用户交互。这个过程看起来像这样。
将初始DFP标头调用放在文档头中。
<head>
...
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(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);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/9358962/HP-300x250', [300, 250], 'div-gpt-ad-1353002461867-0').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-460x60', [468, 60], 'div-gpt-ad-1353002461867-1').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-728x90', [728, 90], 'div-gpt-ad-1353002461867-2').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-LAF-160x600', [160, 600], 'div-gpt-ad-1353002461867-3').addService(googletag.pubads());
googletag.defineSlot('/9358962/HP-RAF-160x600', [160, 600], 'div-gpt-ad-1353002461867-4').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
....
</head>
创建一个空div作为占位符。
<div id='horizontalTANBanner'></div>
页面加载后,使用jQuery AJAX插入代码来获取广告。
<div id='horizontalTANBanner'>
<!-- HP-728x90 -->
<div id='div-gpt-ad-1353002461867-2' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1353002461867-2'); });
</script>
</div>
</div>
Google会加载更多JavaScript来实际调用广告。我看到它已经使用Firebug插入。
<div id="horizontalTANBanner">
<div id="div-gpt-ad-1353002461867-2" style="width:728px; height:90px;">
<iframe id="google_ads_iframe_/9358962/HP-728x90_0" width="728" scrolling="no" height="90" frameborder="0" name="google_ads_iframe_/9358962/HP-728x90_0" marginwidth="0" marginheight="0" style="border: 0px none;">
<html>
</iframe>
<iframe id="google_ads_iframe_/9358962/HP-728x90_0__hidden__" width="0" scrolling="no" height="0" frameborder="0" name="google_ads_iframe_/9358962/HP-728x90_0__hidden__" marginwidth="0" marginheight="0" style="border: 0px none; visibility: hidden; display: none;">
</div>
</div>
我看到广告只显示在每个浏览器中,但Firefox(IE,Chrome,Opera,Safari)。我已与其他用户确认他们无法在Firefox中看到广告。如何在Firefox中显示广告?
我在DFP广告管理系统论坛上提出了这个问题,但这不是技术问题,他们的最佳答案是“停止使用AJAX”,但访问者体验要好得多,我希望Google能够更好地排名我的网页慢慢地,所以我讨厌停止使用它。
答案 0 :(得分:8)
我认为你可能会因为加载你的dfp插槽而变得复杂。
这个代码块是我认为不起作用的部分。
/*** Populate DFP ads ***/
var _pageID=$("body").find_class("pageID-");
$.get('/common/modules/ajax-get-list.php',{pageID:_pageID},function(_data){
//alert('data='+_data);
if(_data!=''){
var _arrDFPList=_data.split(',');
for(var i=0;i<_arrDFPList.length;i++){
//alert('DFP id = '+_arrDFPList[i]);
$.get('/common/modules/ajax-get-one.php',{id:_arrDFPList[i]},function(_oneData){
var _arrDFPOne=_oneData.split('<<<>>>');
//alert('id = '+_arrDFPOne[0]+' and content = '+_arrDFPOne[1]);
$("#"+_arrDFPOne[0]).append(_arrDFPOne[1]);
//$("#"+_arrDFPOne[0]).html(_arrDFPOne[1]);
});
}
}
/*
if(_data!=''){
var arrDFPList=_data.split(',');
$.get('/common/modules/def-get-one.php',{},function(_oneData){
});
}*/
});
/*** END Populate DFP ads ***/
我认为firefox可能只是添加广告位显示代码,但未对其进行评估。
几个月前我遇到了一个类似的问题,我们希望在加载后引入广告,并且保持一切都非常快速而简单...我想出的解决方案是创建jquery.dfp.js。此插件允许您完全推迟DFP广告管理系统的负载,直到您希望加载它为止,您也不需要预先定义您当前正在执行的所有广告位...
例如,这是您当前的主页,其中只包含使用我的插件展示广告所需的基本要素:
<html>
<head>
<title>DFP TEST</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://raw.github.com/coop182/jquery.dfp.js/master/jquery.dfp.min.js"></script>
</head>
<body>
<div class="adunit" id="HP-300x250" data-dimensions="300x250"></div>
<div class="adunit" id="HP-460x60" data-dimensions="460x60"></div>
<div class="adunit" id="HP-728x90" data-dimensions="728x90"></div>
<div class="adunit" id="HP-LAF-160x600" data-dimensions="160x600"></div>
<div class="adunit" id="HP-RAF-160x600" data-dimensions="160x600"></div>
<script>
$(function () {
$.dfp('9358962');
});
</script>
</body>
</html>
我认为这是一种更好的做事方式。如果您有任何问题,请告诉我。