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>
相关文章
随机图文
pbootcms调取当前栏目编码
适用范围:在列表页或详情页使用 调取当前栏目编码 {sort:scode}mp4视频在不同设备中自动等比例缩小,不超屏 html代码
mp4视频在不同设备中自动等比例缩小,不超屏 html代码 <video class="video-sign" controls="controls" loop="true" preload="load" muted="muted" width="100%" height="100%" src="mp4视频地址" autoplay></video>pbootcms后台文章列表修改为按照发布时间排序
pbootcms后台文章列表默认是按照排序号进行排序。 现在我们修改为按照发布时间排序。 修改方法:仿百度商桥留言效果代码
仿百度商桥留言效果代码