1

我有一个按钮，一旦单击，我就会显示一个覆盖模式 div，并且在这个 div 中我嵌入了一个 adsense 代码。代码如下：

$('<div />').addClass('lightbox').appendTo('body').show();
    $('<div />').addClass('video_modal').appendTo('body').
                 css('top', '100px').css('left', $(window).width()/2-200+'px').
                 html('<div style="width:100%;height:225px;float:left"><script type="text/javascript"><!--\
        google_ad_client = "ca-pub-4677950456522449";\
        /* Cuadrado_Principal */\
        google_ad_slot = "9996968724";\
        google_ad_width = 300;\
        google_ad_height = 250;\
        //-->\
        </script>\
        <script type="text/javascript"\
        src="http://pagead2.googlesyndication.com/pagead/show_ads.js">\
        </script>\
</div>\
                 <div class="preloader"></div>\
                 <div class="preloader_text"Searching...</div>').show();

问题是预加载器和它的文本显示，但不显示 adsense 广告。我的代码有什么问题？我无法理解发生了什么。

谢谢。

4

1 回答 1

0

我的经验表明，动态添加 AdSense 是……困难的。也许谷歌不允许这样做，因此它不起作用。我的建议是使用 AdSense 代码创建一个隐藏 div，然后在您触发任何事件时，使用 jQuery 将隐藏 div 的内容移动到您喜欢的任何位置。

在此示例中，我向您的一个名为“googleadgoeshere”的 div 添加了一个 ID，隐藏的 div 称为“adsense”。

<html>
<head>
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<p>Hello world</p>

<script type="text/javascript">
function showAd() {
    $('<div />').addClass('lightbox').appendTo('body').show();
    $('<div />').addClass('video_modal').appendTo('body').css('top', '100px').css('left', $(window).width()/2-200+'px').html('<div style="width:100%;height:225px;float:left" id="googleadgoeshere"></div>');
    $('<div />').addClass('preloader').appendTo('body').show();
    $('<div />').addClass('preloader_text').text('Searching...').appendTo('body').show();
    $('#adsense').show().appendTo('#googleadgoeshere');
}
</script>

<div id="adsense" style="display:none">
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-4677950456522449";
/* Cuadrado_Principal */
google_ad_slot = "9996968724";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>

<input type="button" value="Show ad" onclick="showAd()" />

</body>
</html>

它对我有用，如果您遇到任何麻烦，请告诉我！

于 2012-09-26T16:07:09.947 回答