根据浏览器宽度或设备移动广告位置

Question

有没有办法根据浏览器宽度或设备动态生成页面上不同位置的AdSense广告？

Google Developers资源提供了一篇关于“动态提供的JavaScript”的文章，该文章允许您根据用户代理提供不同的广告。但它没有详细说明这些广告是否可以提供给代码的不同部分。

基本上，我想要做的是在“桌面”尺寸的页面的特定部分加载三个广告，当网站折叠到移动设备尺寸时，不同的广告会显示在不同的位置 - 所有这些都不会被Google禁止像hide / show这样的废话。

Answer 1

我假设你有广告所在的容器。您可以控制这些容器的位置。您可以使用CSS媒体查询为不同的屏幕尺寸指定不同的位置。

Answer 2

我确实找到了一半的解决方案但是我将在下面解释一些严重的问题。如果有人有更好的解决方案，那就太好了。

此解决方案使用jQuery“复制”adSence广告的iframe，并根据浏览器大小将其“粘贴”到占位符div中。

<script>
if(window.innerWidth < 700){

$("#adSource").find("iframe").appendTo("#ad");

$("#adSource").remove();
}
</script>

当浏览器加载宽度小于700时，将iframe作为名为#adSource的div中的iframe，并将其附加到id为#ad的div中。然后它从#adSource中删除iframe。

对此的回顾如下：

• 仅适用于3/4的时间。 iframe有时加载速度不够快，jQuery失败

• 增加加载时间约一秒钟。由于页面上的广告已经放慢了速度，因此这可能非常激烈

• 没有关于Google是否允许此技术的文档。

我也在寻找解决方案，所以如果你找到更好的东西，请告诉我。