html/css/javascript您现在的位置是:主页 > html/css/javascript >

修改Google Adsense广告位在移动端占据整个屏幕不能自动适应div的方法

2022-03-14 06:34:13html/css/javascript 100人已围观

问题描述

移动端,打开页面,广告的宽度占据整个移动设备的屏幕宽度。希望设置广告不是占据整个屏幕的宽度,而是在 div 内,保持页面风格一致。

这个需要修改 <ins> 节点的 data-full-width-responsive="false",不让广告单元完全占据用户所用移动设备的屏幕宽度。

修改方法:

修改后完整代码如下:


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
	 style="display:block;width:90%;margin:0 auto;opacity:80%;"
	 data-ad-client="ca-pub-6582448306453788"
	 data-ad-slot="9580931533"
	 data-ad-format="true"
	 data-full-width-responsive="false"></ins>
<script>
	 (adsbygoogle = window.adsbygoogle || []).push({});
</script>