如何使Adsense广告与响应式网站一起使用

Question

我环顾了当前的解决方案,这两个帖子已经部分涵盖了这个问题; 制作Adsense响应 和 javascript'如果手机'

我有一个响应迅速的网站,在手机上打破它的唯一因素就是我页面上的横向Google广告,因为它比其他所有内容更大,因此它首先会有额外的空间.

我想看看是否有人有一个可行的解决方案,所以我基本上可以切换这个大横幅,和一个较小的格式的移动浏览器,屏幕尺寸较小,不会破坏我的响应网站.

我目前的解决方案是拉入屏幕尺寸,如果广告低于某个阈值,则显示较小的广告.有没有更好的办法？

Answer 1

您可以将此代码用于AdSense,而不是针对TOS,因为它不会"动态"更改广告,您只是根据屏幕尺寸投放广告,而不是更改广告本身.

<script type="text/javascript">


    var width = window.innerWidth 
        || document.documentElement.clientWidth 
        || document.body.clientWidth;

    google_ad_client = "ca-publisher-id";

    if (width > 800) {
        // Activa el anuncio "Leaderboard" de 728x90 para pantallas anchas
        google_ad_slot = "ad-unit-1"; 
        google_ad_width = 728; 
        google_ad_height = 90;
    } else if ((width <= 800) && (width > 400)) { 
        // Activa el anuncio "Banner" de 468x60 para pantallas pequeñas (móviles) 
        google_ad_slot = "ad-unit-3"; 
        google_ad_width = 468; 
        google_ad_height = 60;
    } else { 
        // Activa el anuncio "Medium Rectangle" de 300x250 para medianas (tablets)
        google_ad_slot = "ad-unit-2"; 
        google_ad_width = 300; 
        google_ad_height = 250;
    }

</script>

<script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

对于DFP广告管理系统这个:

var width = window.innerWidth 
    || document.documentElement.clientWidth 
    || document.body.clientWidth;
if (width >= 800) {
    // Activa el anuncio "Leaderboard" de 728x90 para pantallas anchas
    document.write('<div id="div-gpt-ad-1234567891234-1" style="width:728px; height:90px;"">');
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1234567891234-1'); });
    document.write('</div>');

} else if ((width < 800) && (width > 400)) { 
    // Activa el anuncio "Medium Rectangle" de 300x250 para medianas (tablets) 
    document.write('<div id="div-gpt-ad-1234567891234-2" style="width:300px; height:250px;"">');
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1234567891234-2'); });
    document.write('</div>');

} else { 
    // Activa el anuncio "Banner" de 468x60 para pantallas pequeñas (móviles) 
    document.write('<div id="div-gpt-ad-1234567891234-3" style="width:468px; height:60px;"">');
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1234567891234-3'); });
    document.write('</div>');
}

Answer 2

这是 AdSense 的一个大问题。根据服务条款，您不得以编程方式刷新广告，这意味着如果您的布局在调整大小后需要加载其他广告，则您无法加载其他广告。

话虽如此，Google DFP（支持加载AdSense广告）确实有刷新方法。我已经阅读了所有政策，看来您可以在自己的广告中使用此方法，但在使用 AdSense 时则不行。

编辑：前几天刚刚与 Google 通了电话...他们确认，在提供 AdSense 服务时使用 DFP 广告管理系统的刷新功能违反了他们的 AdSense 政策。刷新功能只能与您自己的广告一起使用，否则您将面临失去帐户和赚取的资金的风险。