среда, 14 декабря 2011 г.

Как вставить блок рекламы AdSense или Яндекс.Директ в пост.

Всю минувшую субботу я потратил на улучшение конверсии на моем блоге.Для вебмастера немаловажная вещь в рамках бесплатной раскрутки сайта и блога - это их монетизация рекламными объявлениями различного типа.Как-то несколько раз я брался и не получалось вставить рекламный блок в пост.А ларчик-то просто открывается...

Код рекламного блока берем в AdSense путем создания нового рекламного канала.Рекомендую выбирать средний блок размером 300 на 250 px.Затем нам предлагают скопировать и вставить код.Но не все так просто:)

Суть в том, что Blogger выполнен в языке DHTML и стандартный код HTML вашего рекламного блока, полученный в AdSense или Яндекс директ необходимо преобразовать при помощи бесплатного парсера Blogcrowds.Для этого вставляем полученный код рекламного блока в HTML в окошко и нажимаем "Parse".Парсер выдает измененный в DHTML код для вставки в шаблон Blogger такого вида:

<script type="text/javascript"><!--
google_ad_client = "ca-pub-5623908875539203";
/* post */
google_ad_slot = "6351733883";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Далее идет по шагам:
  1. Окружаем код такой конструкцией:
    <div style='float: left;padding:5px;'>
    преобразованный код
    </div>
    Это делается для того, чтобы блок рекламы имел отступ хотя бы в 5 px и обтекание текста.Если вас не устраивает положение можете поменять атрибут float:  left (слева) на right (справа).
  2. Затем, если мы не хотим показывать этот блок рекламы на главной к этому коду добавляем:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>преобразованный код со вставленной конструкцией</b:if>
  3. Копируем полученный код и идем в Шаблон - Изменить HTML.Делаем резервную копию шаблона и сохраняем ее на компьютере.
  4. Ставим галочку Расширить виджеты шаблона.
  5. Для отображения рекламного блока сразу после заголовка статьи устанавливаем этот код после строки
    <div class='post-header-line-1'/>
    Ели вы вставляете рекламу в конце статьи то перед строкой
    <data:post.body/>
  6. Сохраняем шаблон и любуемся результатом
Помните, что соглашение с AdSense предусматривает не более трех рекламных блоков (не ссылок) на странице.Большие penalty предусмотрены Google Panda и Яндексом за обилие рекламы на сайте или блоге.Поэтому рекомендую походить к этому обдуманно и взвешенно.Конечно, конверсия важна в бесплатной раскрутке сайта и блога, но не настолько, чтобы на два-три месяца выкинули из индекса до устранения проблем.

Самостоятельное обучение seo проводится не для того, чтобы усложнить вам жизнь, а чтобы облегчить.Поэтому читайте внимательно, действуйте аккуратно и внимательно, что вообще-то свойственно вебмастерам и у вас все получится.Желаю удачи!

LinkWithin

Related Posts Plugin for WordPress, Blogger...