如何将横幅广告合并到移动优化站点（使用移动CSS覆盖）？

我目前正在使用一个移动CSS样式表开发一个移动优化网站（该样式表加载现有页面结构，并将该样式用于手机浏览器）。客户希望整合广告横幅或广告空间。它是如何从前端和后端工作的？有什么建议/建议值得推荐吗

---

谢谢。

从媒体查询驱动的CSS方面看，你无能为力（除非你想加载所有可能的广告大小，然后显示：没有不适合给定大小布局的广告，但这可能不是一个好主意，因为（a）性能原因，（b）它会惹恼广告商）

与您客户的广告代理商谈——随着越来越多的网站转向自适应布局，为网站提供检测屏幕大小并加载适当大小广告的代码符合他们的利益。理想情况下，我们可以这样做：

<div id="ad_slot_1"></div>
....
<div id="ad_slot_2"></div>
....
<div id="ad_slot_3"></div>
....
<script src="http://www.example.com/adverts.js"></script>

....
....
....

脚本将检测屏幕大小并加载不同的广告。可能是桌面上插槽2中的MPU和插槽3中的排行榜，但手机上插槽1和插槽2中的迷你横幅

如果广告公司不能提供（考虑到多年来他们一直在抛出的低质量javascript，这并不奇怪）而且你的客户不会四处寻找更好的代理，那么你可能必须在服务器上使用类似Wurfl的东西来检测用户的设备，并最好地猜测它是否是移动设备，然后根据需要在页面中写入不同的广告抓取脚本。这不会很好地工作，也不会自适应-旋转手机或平板电脑或调整桌面窗口的大小，布局会改变，但广告不会

---

最后，我计划在新的一年里设计一个原型，基本上是我希望看到广告网络提供的DIY版本。从JavaScript动态创建一个iframe，它可以检测屏幕大小，并将其传递回服务器，服务器在iframe中加载不同的广告抓取代码。除了自适应之外，这还可以使ad加载异步，这与ad网络提供的大多数代码不同。对于某些广告网络，可以跳过iframe，直接通过JavaScript加载不同的广告抓取代码。我很想听听任何已经尝试过这种方法的人的意见。

前端向用户显示内容，后端（我想你是指服务器代码？）对最终用户没有影响。假设（如果你使用的是AdSense），这些将是纯文本广告。我只想指出，如果我曾经访问过一个充满横幅广告的移动网站，我将永远不会再访问该网站。