[英]Google DFP Responsive Not Working
有人會介意查看我的代碼,以使我的網站都具有響應性,使DFP廣告管理系統具有響應性嗎? 我按照Google DFP廣告管理系統上的示例進行操作,並且當我嘗試使用移動屏幕(並且根本不顯示在實際的移動屏幕上)時,以下代碼在我的Header文件中似乎沒有收縮。
我敢肯定我正確地映射了東西。 我想知道是否也必須對我的身體代碼進行任何更改,或者是否必須上傳尺寸經過調整以適合手機屏幕的新廣告?
<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
<script>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
</script>
<script>
googletag.cmd.push(function() {
var mapping = googletag.sizeMapping().
addSize([992, 0], [[970, 90], [728, 90], [300, 250], [1, 1]]). //desktop
addSize([768, 0], [[300, 250], [728, 90], [1, 1]]). //tablet
addSize([320, 0], [[320, 50], [320, 100], [300, 250], [1, 1]]). //mobile
addSize([0, 0], [[320, 50], [1, 1]]). //other
build();
slot1 = googletag.defineSlot('/316721235/DL-TestAds', [728, 90], 'div-gpt-ad-1496860907063-0').defineSizeMapping(mapping).addService(googletag.pubads());
googletag.pubads().enableAsyncRendering();
googletag.enableServices();
});
</script>
您必須檢測瀏覽器窗口大小自己何時更改,然后通過調用refresh觸發廣告重新顯示。
偵聽resize事件,以檢測瀏覽器窗口何時更改大小。
window.addEventListener('resize',function(event){//檢查window.documentElement.clientWidth
}
+1為警告:要響應的映射是在頁面加載時設置的。 如果修改了窗口的大小,則應重新啟動廣告位調用,以便DFP廣告管理系統能夠調用正確的廣告尺寸。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.