基于浏览器宽度或设备移动广告位置

Question

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

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

本质上，我想要做的是在页面的特定部分以“桌面”尺寸加载三个广告，当网站合并到不同的位置时，不同的广告会显示在不同的位置，不允许隐藏/显示等废话。

Answer 1

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

Answer 2

我找到了一半的解决方案，但有一些严重的问题，我会在下面解释。如果任何人有一个更好的解决方案，将是伟大的。

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

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

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

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

当浏览器加载的宽度小于700，这需要一个名为#adSource DIV内的IFRAME并将其附加到与该ID #ad一个div。然后它从#adSource中删除iframe。

抽签背上这个如下：

• 只运作时间的约3/4。 iframe有时加载速度不够快，jQuery失败

• 增加加载时间约一秒。随着网页上的广告放慢了速度，这可能会非常激烈

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

我也在寻找一个解决方案，所以如果你找到更好的东西请让我知道。