5

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

但是，当我调整浏览器的大小时，它不会对此做出反应。当没有内置系统来检测屏幕调整大小时，声称响应能力很奇怪。我曾考虑添加一个事件监听器，但这是一个很好的解决方法还是会中断？我也想过用几个断点加载不同的广告尺寸，但我想避免这种情况，只使用“响应式”广告。

在此先感谢您的任何建议。

4

3 回答 3

0

在自适应广告中，将数据广告格式“自动”更改为“水平”

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>
于 2017-09-11T15:32:40.280 回答
-1

首先，使用百分比或 px 指定您希望广告适合的 div 的高度和宽度（百分比很容易缩放）。

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

.adDiv iframe { max-width:100% !important; max- height:100% !important;}接下来，在你的 CSS中添加类似的东西。这告诉浏览器将广告（假设它是一个 iframe）呈现到 div 的全尺寸，并!important覆盖广告或任何插件设置的任何 CSS。

希望这有帮助！

于 2015-05-31T13:30:44.420 回答
-1

将 Google Adsense 自适应广告单元与异步结合使用。它对所有网站大小都显示得很好，它将在您的网站加载完成后加载。

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

于 2015-06-01T09:30:22.930 回答