Как вставить рекламу AdSense на Blogger

• Настройка Гугл Адсенс

Поскольку оба сервиса принадлежат Google, контекстную рекламу очень просто внедрить в блог. Для этого следует перейти на вкладку "Прибыль" и завести аккаунт AdSense.

На вкладке "Дизайн" создать гаджет "AdSense" в выбранном пунктирном поле

Рекламу можно перенести в шапку (заголовок) блога. Для чего нужно добавить CSS в зависимости от того, с какой стороны находится боковая колонка (значения подбираются самостоятельно):

#AdSense1 {
  position: absolute;
  top: -150px; /* поднять вверх */
  margin-left: -500px; /* сместить влево */
}

#AdSense1 {
  position: absolute;
  top: -150px; /* поднять вверх */
  margin-right: -500px; /* сместить вправо */
}

На вкладке "Дизайн" в поле "Сообщения блога" установить галочку "Показывать объявления между сообщениями"

Контекстную рекламу можно вставить в начале или в конце статьи сообщение блога. На вкладке "Шаблон" удаляем

        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>

и помещаем его в один из вариантов

<data:post.body/> - в начале или в конце статьи сообщения, в зависимости от того, до или после этого фрагмента будет добавлен код,

перед комментариями <div class='comments' id='comments'>,

после количества комментариев - до <b:if cond='data:post.commentPagingRequired'>.

Добавить вручную в любую часть статьи

Третий вариант позволяет сделать рекламный блок внутри конкретного сообщения. Эффект от такого подхода будет максимальным, блоки располагаются наиболее выгодно. С другой, если я решу, например, изменить размер баннера или вовсе поменять Адсенс на РСЯ, мне потребуется редактировать все статьи.

1. Получить код,
2. При написании сообщения на вкладке "HTML", добавить его в выбранный абзац.

Скрипт автоматического внесения рекламы в любую часть статьи

Этот вариант имеет преимущества и не имеет недостатка третьего варианта.

1. Получить код,
2. В шаблон перед

   </head>

   внести (при асинхронном варианте; выделенное красным нужно заменить своими данными)

   <script async='' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
   <script>
   //<![CDATA[
   function reklama() {
   document.write('<ins class="adsbygoogle"\n\
        style="display:inline-block;width:970px;height:90px"\n\
        data-ad-client="ca-pub-0000000000000000"\n\
        data-ad-slot="0000000000"></ins>\n\
   <script>(adsbygoogle = window.adsbygoogle || []).push({});</scr'+'ipt>');
   }
   //]]>
   </script>

3. При написании сообщения на вкладке "HTML", добавить (только один раз) в выбранный абзац

   <script>reklama();</script>

Скрипт автоматического внесения блока с любым содержимым в любую часть статьи

1. В шаблон перед

   </body>

   внести

   <div id='myBlockR'>любой HTML код</div>
   <script>
   //<![CDATA[
   (function(){
   var r = document.querySelector("#myBlockR0");
       r.parentNode.insertBefore(document.querySelector("#myBlockR"), r.previousSibling); // подробнее про перенос блоков
   })()
   //]]>
   </script>

2. При написании сообщения на вкладке "HTML", добавить (только один раз) в выбранный абзац

   <div id="myBlockR0"></div>

   Без него блок будет внизу страницы. Я ограничила показ кода в пункте 1 одним ярлыком. Другими словами, когда мне хочется добавить код, я присваиваю Сообщению ярлык.