Добавить блок рекламы Adsense WordPress (Sidebar)

Adsense является, пожалуй, одним из самых распространенных сервисов контекстной рекламы. Для CMS WordPress существует целый набор плагинов для установки кода рекламы.

В этой статье приведу пример самого простого и быстрого способа установки рекламного кода Adsense в сайдбар (sidebar) вашего блога без использования дополнительных плагинов. Для этого не потребуется никаких плагинов.

Для начала выберите квадратный блок рекламы в вашей панели Adsense. Рассмотрите код подробнее:
Подключается внешняя библиотека:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Коментарий, указывающий размер блока:

<!-- 250x250 -->

Объявляется класс adsbygoogle:

<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:250px"
     data-ad-client="ca-pub-<strong>xxxxxxxxxxxxxxxx</strong>"
     data-ad-slot="<strong>xxxxxxxxxx</strong>">
</ins>

xxxxxxxxxx - идентификаторы рекламного блока с привязкой к Вашей учетной записи

Сам вывод картинки с результатами:

<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Естественно система предлагает Вам разместить это все сплошным блоком на своем сайте.

Секцию загрузки внешнего скрипта adsbygoogle.js настоятельно рекомендовано внести в footer.php в папке темы. Шаг не обязательный, но в таком случае javascript будет загружаться после основного контента, что положительно скажется на user appereance Вашего ресурса.

Отредактировать footer.php можно прямо в админке WordPress. Для этого из меню Внешний вид выберите пункт Редактор (картинка кликабельна)
Screenshot from 2014-11-14 15:39:23

В появившемся окне найдите файл Подвал или footer.php.
Screenshot from 2014-11-14 16:22:36

Перед закрывающим тэгом </body> вставьте:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Возвращаемся к меню Внешний вид. На этот раз нас интересует пункты Виджеты
Screenshot from 2014-11-14 16:24:22

Выбираем виджет Текст перетягиваем его в нужное место в сайдбаре.
В появившемся окне вводите оставшуюся часть кода рекламного блока, как показано на снимке:
Screenshot from 2014-11-14 16:27:22

Жмем кнопку Сохранить и переходим на сайт.

Реклама сразу же не появится. Можно сделать чаю, пока система adsense проверяет установку кода и генерирует рекламные блоки.