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

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

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

---

本质上，我想做的是让三个广告以“桌面”大小加载到页面的特定部分，当网站崩溃到移动大小时，不同的广告会出现在不同的位置——所有这些都没有做任何谷歌不允许的废话，比如隐藏/显示

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

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

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

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

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

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

如果（窗内宽度<700）{
$（“#adSource”）.find（“iframe”）.appendTo（“#ad”）；
$（“#adSource”）.remove（）；
}

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

对此的回溯如下：

• 只有三分之四的时间有效。iFrame有时加载速度不够快，jQuery失败

• 将加载时间增加约一秒钟。由于页面上已经有广告，这可能会大大降低速度

• 至于谷歌是否允许这种技术，目前还没有相关文档

---

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

有趣的是，在所有人中，你最终回答了这个问题。