Question

我有一个按钮，一旦点击我显示一个叠加模式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广告。我的代码有什么问题？我无法理解发生了什么。

感谢。

Answer 1

我的经验表明，动态添加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>

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

在div叠加层中嵌入javascript代码的问题

1 个答案: