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

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

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

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

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

#AdSense1 {
  position: absolute;
  top: -150px; /* поднять вверх */
  margin-left: -500px; /* сместить влево */
}
AdSense в шапке/заголовке Blogger
#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", добавить его в выбранный абзац.
AdSense в середине сообщения blogspot

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

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

  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 одним ярлыком. Другими словами, когда мне хочется добавить код, я присваиваю Сообщению ярлык.
Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

13 комментариев:

Diana T
Добрый день, Наталья! Отличная статья! Давно мечтала найти что-нибудь, чтобы для добавления рекламы в произвольное место в статье каждый раз в Adsense за кодом не лазить. Только я, наверное, что-то не так сделала. Добавляла тот вариант, который называется "в любую часть статьи", в статье при этом место под рекламу появляется, а само объявление - нет. В чем может быть подвох? Заранее спасибо за ответ!
Diana T
PS Ах, да, пропущенную //<![CDATA[ я добавила (иначе шаблон не хотел сохраняться). А посмотреть как выглядит статья можно, например, здесь http://www.o-germanii.com/2014/04/obsor-nemezkoj-molochnoj-produkzii.html или здесь http://www.o-germanii.com/2014/08/o-sueverijah.html
NMitra
Судя по всему дырку прикрыли. Жаль ((
Diana T
Дырку? То есть не получится? Код можно удалять?
NMitra
Увы, теперь работает только при загрузки страницы, а кодом мы фактически меняем уже загруженный элемент на Адсенс. Теперь можно в тело статьи добавлять только код из Адсенса, а не <!-- kod-adsense --> Что неудобно, так как приоритеты блока или рекламной системы могут измениться.
Андрей Лунячек
Опробовал последний вариант, мне понравилось. Но как быть, если хочется в указанном месте статьи выводить не блок Адсенса, а произвольное содержимое? Какой должен быть код?

Простой пример: внутри каждой статьи стоит блок Адсенса. Появляется прямой рекламодатель, который хочет разместить в этом месте свой баннер по хорошей цене. И мне нужно изменить код в шаблоне, чтобы на всех страницах вместо Адсенса появился простой графический баннер со ссылкой на сайт рекламодателя. А когда рекламодатель перестанет платить, вернуть на это место Адсенс. Либо может возникнуть желание разместить вместо Адсенса какую-то партнёрку, тизеры или же просто блок ссылок "Читайте также" для лучшей перелинковки. Как осуществить подобное?
NMitra
Добавила новый пункт в статье.
Андрей Лунячек
Спасибо за помощь. Но у меня не получается. Сделал всё в точности, как вы описывали. Первую часть кода засунул в шаблон, вторую - в тело статьи. Но блок находится внизу под страницей, а не там, где должен.
NMitra
Копировала и опечаталась, написала id="#myBlockR0" (с решёткой). Поправила статью.
Андрей Лунячек
Спасибо, теперь всё получилось! Я даже для пробы отобразил в статье два разных блока, присвоив им разные идентификаторы.
Правда, я решил попробовать ограничение показа кода не с помощью ярлыка, а путём запрета отображения рекламных блоков на главной странице. У меня есть гаджеты, запрещённые к выводу на главной - кнопки соцсетей, сторонняя система комментирования. И я в ту же секцию запихнул код рекламного блока. Понятно, что ярлыки дают более гибкое управление, вплоть до того, что можно в статьях разных рубрик выводить разную рекламу. Но пока что мне это не нужно. Пока достаточно того, что рекламные блоки стоят одинаково во всех статьях, кроме главной страницы. У меня и раньше так было, но блоки стояли строго перед текстом статьи и после текста. Теперь же есть возможность ставить их в произвольном месте текста (например, три блока: в начале текста, в середине, в конце). Теперь нужно найти время, чтобы пройтись по всем статьям и вставить в тексты коды в нужных местах.

Ещё раз спасибо! Читаю ваш блог уже около трёх лет, ряд полезных вещей у вас позаимствовал, другим вас советовал.
Unknown
Здравствуйте. Вопрос. Какие " даже для пробы отобразил в статье два разных блока, присвоив им разные идентификаторы" - подскажите какие именно идентификаторы нужно менять. Все перепробовал не получилось.
Андрей Лунячек
Честно говоря, я попробовал и забыл (нет времени сейчас перелопатить 200 статей, чтобы повставлять в тексты идентификаторы). Но вроде как-то так сделал: в последнем предложенном в данной статье варианте вместо myBlockR я использовал my1BlockR и my2BlockR (если память не подводит). Соответственно, в шаблон тоже встроил два кода.
al'fa e'mail
Все получилось! Спасибо!