Question

编辑：Here's a jsfiddle for the whole thing。如果删除OpenX资源，文本将加载，但只要它在那里，它就不会加载。

我们拥有自己的托管OpenX广告服务器，并且正在使用自适应网站。我正在尝试使用Response.js在全屏网站上加载728x90横幅，在移动网站上加载300x50横幅。我们正在使用OpenX单页调用方法。

我正在使用Response.js的标记模式来尝试加载正确大小的广告，当我在那里有noscript图像版本（只是一个标准的img标签）时可以正常工作，但在加载javascript版本时不起作用广告。

这是Response.js

中断点的设置

<script type="text/javascript">
Response.create({
prop: "width" // property to base tests on
, prefix: "ad" // custom aliased prefixes
, breakpoints: [0,320,961] // custom breakpoints
});
</script>

以下是我用于横幅的代码：

<div  
data-ad320="<script type='text/javascript'><!--// <![CDATA[
    OA_show(75);
// ]]> --></script>" 
data-ad961="<script type='text/javascript'><!--// <![CDATA[
    OA_show(22); 
// ]]> --></script>"
>
noscript ad goes here
</div>

在那里有脚本（如上所示），网站只加载广告，只是坐在那里试图加载页面的其余部分as seen here。如果脚本不在那里（如下所示），它会完美地加载所有内容。

data-ad320="<img src='small ad url here'>"
data-ad961="<img src='big ad url here'>"

任何帮助或至少某些方向将不胜感激。

Answer 1

我一直在关注这个问题，因为我确实希望使用OpenX广告服务器实施自适应广告。目前它不适合你的原因是来自OpenX的JavaScript包含document.write（），当你加载页面的DOM之后加载它会覆盖所有内容，所以你只剩下第一个广告而没有别的东西。

我提出的解决方法实际上是在iframe中加载脚本

<div 
data-min-width-320='<iframe src="test.html" width=100% height=100% frameBorder="0">   </iframe>' 
data-min-width-961='<iframe src="test2.html" width=100% height=100% frameBorder="0">  </iframe>'
> 
text-only @ <320px and no-js
</div>

test.html和test2.html包含每个广告单元的不同javascript。

我不是百分之百确定这是否是最好的解决方案，而我现在只是想出来，因为没有其他人回答这个问题，我想我会立即发布，如果其他人有任何其他的话建议请发布。

如何在标记模式下使Response.js加载OpenX广告（或任何javascript）？

1 个答案: