使用Adsense添加动态广告

时间:2012-01-30 18:18:32

标签: adsense

我的页面每页有大约50篇博文。每篇博文的内容都用css隐藏,并在用户点击博客文章标题时显示。有没有办法在用户点击标题时动态地将adsense内容添加到每篇博文?是否允许谷歌?

我知道我可以在页面上添加50个广告,然后用css隐藏它们,直到用户点击博客标题,但效率非常低。

这就是我想要做的事情:

示例:

http://jsfiddle.net/WZG2U/

HTML:

<div id="post1">
<h1>Blog Post 1</h1>
<p class="hidden">This is the content for blog post.</p>
</div>

CSS:

body {
    padding:30px;   
}

* {
    font-family:arial;
}

h1 {
    font-weight:bold;  
    cursor:pointer; 
    font-size:20px;
}

p.hidden {
    display:none;   
}

div.ad {
    float:right;
    background-color:red;
    height:100px;
    width:100px; 
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
    text-align:center;
}

脚本:

$("h1").click(function() {

    var thisid = $(this).parent().attr("id");

    if ($("div#"+thisid+ " p").hasClass("hidden")) {
        $("div#"+thisid+ " p.hidden").removeClass("hidden");

        // insert dymanic adsense ad
        $("div#"+thisid+ " p").before('<div class="ad">insert dynamic adsense ad here!</div>');
    } else {
        $("div#"+thisid+" p").addClass("hidden");
        $("div#"+thisid+" div.ad").remove();
    }

});

1 个答案:

答案 0 :(得分:0)

如果博客模板可以动态地将广告代码添加到页面内容中,则由博客模板决定。 Blogger有一个使用Adsense广告的获利标签,它会在页面创建时动态地将代码广告到页面。页面必须是纯HTML格式,这意味着您必须使用纯文本而不是脚本文本,否则Adsense机器人将无法使用文本来确定页面的广告相关性,您可能会被禁止这样做。我的意思是你没有试图完全用ajax或类似的东西写一个页面?