根据$(document).width()加载Google广告代码

时间:2012-12-08 04:32:28

标签: javascript jquery

实施Google广告但尝试根据$(文档).width()提供两个广告脚本中的一个。

尽可能地阅读和搜索,到目前为止我所获得的内容并没有显示出来(没有明显的错误),除了它实际上没有插入Google广告。 (是的,在那里错过了整点!)

首先我要设置区域来容纳广告:

<div id="google-ad"></div>

按逻辑确定文档宽度,并插入必要的Google Ad脚本:

if ( $(document).width() < 728 ) {
    $("#google-ad").html('<script type="text/javascript"><!--google_ad_client = "ca-pub-GOOGLE-ID";/* AD NAME HERE */google_ad_slot = "GOOGLE-NUMBER"; google_ad_width = 320; google_ad_height = 50;//--><\/script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><\/script>');
} else {
$("#google-ad").html('<script type="text/javascript"><!--google_ad_client = "ca-pub-GOOGLE-ID";/* AD NAME HERE */google_ad_slot = "GOOGLE-NUMBER"; google_ad_width = 728; google_ad_height = 90;//--><\/script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><\/script>');
                });

从理论上讲,我认为这有效,但实际上并没有起作用。所以,我当然做错了什么。欢迎任何帮助或指导。

感谢。

1 个答案:

答案 0 :(得分:0)

你说在你要插入的div之后会遵循确定文档宽度的逻辑,这让我相信DOM还没有准备就绪你没有得到宽度(可能是未定义的),在这种情况下,只需在触发就绪事件后调用逻辑,或者如果要等待图像等加载可能会改变文档宽度,则使用.load

$(document).ready(function () {
    //put your ad load logic here.
});