现在看到一些网吧网站开始投放Google Adsense广告了,但是一些广告样式在移动端不那么好看,因为Google Adsense广告默认在移动端会占满整个手机屏幕,查看前端代码可以看到,Google Adsense广告代码默认是获取手机屏幕宽度,然后设置广告width就是屏幕宽度的值的。所以整个广告的宽度就会占满整个手机屏幕。。
其实google adsense提供了移动端是否占满整个屏幕的开关的,只需加上参数:
data-full-width-responsive="false"这样的话在移动端就不会占满屏幕了。
另外还可以设置style设置整个样式,注意这个样式设置是移动端和PC端都生效的
比如你可以设置透明度为80%,宽度为90,那么style可以这么写:
style="display:block;width:90%;margin:0 auto;opacity:80%;"
目前天下网吧使用的代码是
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6518549715186400" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="auto" data-ad-client="ca-pub-6518549715186400" data-ad-slot="3773431114" data-full-width-responsive="false"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
移动端和PC端的效果如下: