0

如何有条件地将广告（通过广告服务器）显示到移动设备的不同屏幕尺寸？

我不想将 display 设置为 none 以隐藏内容，因为这会扭曲广告展示次数。

我想使用没有 jQuery 的客户端 javascript 将广告代码（例如）注入 div。

例如，

<div id="adzone"></div>

If width < 768px
   inject ad code for mobile
else
   inject ad code for tablet

我如何实现这个想法？

当设备宽度从小于 768px 变为大于 768px 时发生设备旋转时，将如何处理这种情况？

4

1 回答 1

1

所以，要涵盖两件事：

您可以这样做的一种方法是让 JS 捕获屏幕大小，然后在请求广告时将其报告给您的服务器。然后服务器可以决定投放哪个广告。

您谈论屏幕旋转，并media-queries在您的问题中添加了标签。@media是 CSS（不是 JS）功能，可让您根据屏幕尺寸定制外观/感觉。确保您投放的广告可以以某种方式垂直和水平显示，这取决于您 - 您不希望每次设备改变方向时都加载新广告。

完全准确地检测屏幕尺寸非常适合设备以及报告方式。但是，对于 JavaScript 世界，这篇 SO 帖子涵盖了您需要了解的内容。

于 2016-04-12T06:09:02.230 回答