使用 Adsense 添加动态广告
我有一个页面，每页大约有 50 篇博客文章。每篇博客文章的内容都用 CSS 隐藏，并在用户单击博客文章标题时显示。有没有办法在用户点击标题时动态地将 AdSense 内容添加到每个博客文章中？谷歌允许吗？
我知道我可以向页面添加 50 个广告，并用 css 隐藏它们，直到用户点击博客标题，但这效率非常低。
这就是我想做的：
示例：
http://jsfiddle.net/WZG2U/< /a>
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();
}
});
I have a page with about 50 blog posts per page. The content for each blog post is hidden with css and is shown when a user clicks on the blog post title. Is there a way to dynamically add adsense content to each blog post when a user clicks on the title? Is it allowed by Google?
I know I can add 50 ads to the page and have them hidden with css until the user clicks on the blog title but that would be very inefficient.
This is what Im trying to do:
Example:
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;
}
Script:
$("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();
}
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
博客模板是否可以动态地将广告代码添加到页面内容中取决于博客模板。 Blogger 有一个用于使用 Adsense 广告的获利选项卡，它会在页面创建时动态地将代码广告到页面上。该页面必须采用纯 html 格式，这意味着您必须使用纯文本而不是脚本文本，否则 Adsense 机器人将无法遍历文本来确定广告与该页面的相关性，并且您可能会因此被禁止。我的意思是，您并没有尝试完全用 ajax 或类似的东西来编写页面，是吗？
It's up to the blog template if it can dynamically add ad code to the content to the page or not. Blogger has a monetize tab for using Adsense ads and it dynamically ads the code to the page at the page creation time. The page must be in plain html, meaning that you must have plain text and not scripted text or else the Adsense bot will have no text to walk to determine ad relevancy to the page and you could be banned for doing so. I mean you weren't trying to write a page entirely in ajax or something like that were you?