在自己的博客网站放了 Google Adsense 的广告，但是样式和网站整体的风格都不太搭。

1、希望设置正方形的广告位的宽度

查了下文档可以修改 <ins> 节点的 style 参数，如我希望

• 宽度设置位 div 宽度的 80%
• 降低广告位的透明度
• 在 div 中居中

修改代码如下：

<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="auto"
	 data-full-width-responsive="true"></ins>
<script>
	 (adsbygoogle = window.adsbygoogle || []).push({});
</script>

2、移动端，打开页面，广告的宽度占据整个移动设备的屏幕宽度。希望设置广告不是占据整个屏幕的宽度，而是在 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="auto"
	 data-full-width-responsive="false"></ins>
<script>
	 (adsbygoogle = window.adsbygoogle || []).push({});
</script>

PC端效果：

移动端效果：

PS：

Google Adsense 文档 URL（需墙）