У меня есть страница с примерно 50 сообщениями в блоге на страницу. Содержимое для каждого сообщения в блоге скрыто с помощью css и отображается, когда пользователь нажимает на заголовок сообщения в блоге. Есть ли способ динамически добавлять контент AdSense к каждому сообщению в блоге, когда пользователь нажимает на заголовок? Это разрешено Google?
Я знаю, что могу добавить 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();
}
});