Osi*_*riX 4 javascript mobile jquery adsense responsive-design
我正在研究我的响应式设计,但是在使用adsense方面遇到了麻烦.
我的广告应该出现在桌面设计上,而不是移动设计上.因此,只有在桌面上查看网站时,才应将广告代码放在html中.使用display:none可以使用css,但这是针对adsense TOS的,所以不是解决方案.
我认为可以使用像http://mobiledetect.net这样的PHP类,但我更喜欢检查浏览器宽度然后决定做什么.
Adsense有如下批准的示例,但我可以将其用于我的目标吗?
<script type="text/javascript">
google_ad_client = "ca-publisher-id";
width = document.documentElement.clientWidth;
google_ad_slot = "1234567890";
google_ad_width = 320;
google_ad_height = 50;
if (width > 500) {
google_ad_slot = "3456789012";
google_ad_width = 468;
google_ad_height = 60;
}
if (width > 800) {
google_ad_slot = "2345678901";
google_ad_width = 728;
google_ad_height = 90;
}
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Run Code Online (Sandbox Code Playgroud)
我希望有人能指出我正确的方向.
我已经联系了荷兰的AdSense支持团队,得到了一个令人惊讶的答案,我还没有在互联网上找到它.
显然,当使用响应式adsense代码时,允许使用display:none.以下是支持团队中的某人发给我的代码:
<style>
.responsive-test { display: block;}
@media(max-width: 480px) { .responsive-test { display: none; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Resposive_TEST -->
<ins class="adsbygoogle responsive-test"
data-ad-client="ca-pub-3086914080036003"
data-ad-slot="1408862175"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Run Code Online (Sandbox Code Playgroud)
请注意,只有在使用响应式adsense代码时才允许使用它!
我表达了我对他发送给我的方法的担忧,因为广告实施政策明确规定了显示:无需避免.他认为这篇文章对于新的响应式广告已经过时了.
他问他的一位同事,并确认上述代码是允许的.尽管如此,我仍然希望社区或其他AdSense支持小组的某些人确认,只是为了确保!:d