Question

我正在使用谷歌adsense响应广告（使用Bootstrap），它在页面加载时正常工作。此外，在手持设备中，它可以正确检测方向并立即调整广告。

但是，当我调整浏览器大小时，它不会对它做出反应。当系统中没有构建来检测屏幕大小调整时，声称响应性很奇怪。我曾想过添加一个eventlistener，但这是一个很好的工作还是会破坏？我还想过加载不同广告尺寸并加上一些断点，但我想避免这种情况，只使用“响应式”广告。

提前感谢任何建议。

Answer 1

在自适应广告中，更改数据广告格式＆＃34;自动＆＃34;到＆＃34;水平＆＃34;

data-ad-format="horizontal"

还添加媒体查询移动高度限制。

.adsense-mobile {
    height: 60px;
}

决赛：

<ins class="adsbygoogle adsense-mobile"
             style="display:block"
             data-ad-client="ca-pub-XXXXXX"
             data-ad-slot="XXXXXX"
             data-ad-format="horizontal"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>

Answer 2

首先，使用百分比或px（百分比可轻松扩展）指定您希望广告适合的div的高度和宽度。

然后，使用CSS创建媒体查询，根据屏幕查看的高度和宽度更改广告div的高度和宽度。

接下来，在CSS中添加.adDiv iframe { max-width:100% !important; max- height:100% !important;}之类的内容。这告诉浏览器将广告（假设它是iframe）呈现为div的完整比例，而!important会覆盖广告或任何插件设置的任何CSS。

希望这有帮助！

Answer 3

将Google Adsense自适应广告单元与异步一起使用。它显示所有网站大小非常好，它将在您的网站加载完成后加载。

因此，您需要首先编写CSS以响应所有设备，并且Google Adsense将加载较晚，它不会使您的网站破坏响应式设计。 在这种情况下重新调整屏幕大小是因为您的网站已完成。

如何在调整大小时制作响应式Google-adsense广告？

3 个答案: