天下网吧 >> 网吧天地 >> 天下码农 >> 前端开发 >> 正文

修改Google Adsense广告宽高代码,移动端不再占满屏幕,网吧网站投放Adnsese广告的可以看看

现在看到一些网吧网站开始投放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端的效果如下:

本文来源:天下网吧 作者:天下码农

声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系Email:support@txwb.com,系统开号,技术支持,服务联系QQ:1175525021本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下
  • 本周热门
  • 本月热门
  • 阅读排行