Настройка Google AdSense на WordPress

В этой статье я опишу, как правильно настроить AdSense на WordPress-сайте. Расскажу, как настроить учетную запись и быстрее вывести рекламу в различных областях блога.

Настройка AdSense

Первым шагом является настройка учетной записи AdSense, которую можно создать, перейдя по этой ссылке и нажав кнопку «Зарегистрироваться сейчас».

Если у вас уже есть учетная запись Google, будет предложено войти в систему. На определенном этапе процесса регистрации необходимо указать URL-адрес сайта, который должен быть проверен специалистами Google AdSense. Это требуется для вставки фрагмента JavaScript-кода на сайт, которую можно осуществить различными способами: дочернюю тему, чтобы добавить JavaScript в заголовок, или сама тема может предлагать способ вставки пользовательского JavaScript-кода.

Для себя я решил использовать плагин Insert Headers and Footers, который позволяет вставлять собственные скрипты и разметку в области хедера и футера.

После установки и активации плагина можно просто добавить код и произвести настройку AdSense. Перейдите в меню Настройки> Insert Headers and Footers, вставьте код JavaScript и нажмите «Save»:

Настройка AdSense

Использование плагина для вставки кода Google AdSense на WordPress-сайт

Теперь все готово к тому, чтобы специалисты рекламной сети Google AdSense проверили и одобрили вашу учетную запись. Говорят, что это занимает несколько дней, но у меня на это ушло всего половина дня.

Как только учетная запись Google AdSense будет одобрена, вы сможете войти в систему. Далее будет предоставлено два основных варианта настройки объявлений.

Объявления на уровне страницы

Объявления на уровне страницы является самым быстрым способом начать работу с Google AdSense. Для их использования не нужен дополнительный код. И поэтому объявления можно включить одним кликом мыши в своем аккаунте Google AdSense:

Объявления на уровне страницы

Включение объявлений на уровне страницы - это самый быстрый способ начать показ рекламы на сайте

Когда вы включите объявления на страницы, реклама начнет транслироваться на сайте через несколько минут. Но при этом вы не контролируете место размещения рекламных объявлений и время их вывода. Алгоритм AdSense определяет «оптимальное» время для показа рекламных объявлений и место их размещения на указанной вами странице самостоятельно. В моем случае рекламные объявления обычно размещались в самом низу страниц.

Кроме этого объявления будут отображаться на любой странице, которая содержит в себе код Google AdSense. Но некоторые могут захотеть выводить рекламные объявления только на определенных страницах или типах страниц. Если это так, то нужно рассмотреть другой метод, как настроить AdSense, добавления фрагмента кода JavaScript. Можно настроить шаблон header.php или использовать хук wp_head.

Объявления

Другой способ вывести объявления Google AdSense на своем WordPress-сайте - создать рекламные блоки. Этот метод сложный и занимает больше времени, но вы получите больший контроль над выводом объявлений.

Первым шагом является установка плагина. Я использую замечательный бесплатный плагин Ad Inserter. Бесплатная версия плагина поддерживает до 16 рекламных блоков, а версия pro - до 64 блоков.

Версия pro включает в себя больше функций для размещения рекламных объявлений в зависимости от типа контента, предварительного просмотра, A / B тестирования. Но для наших целей хватит бесплатной версии.

После установки плагина Ad Inserter нужно решить, где выводить рекламные объявления. Каждое место является уникальным рекламным блоком. Если вы хотите разместить два объявления в боковой панели, нужно будет создать для них два рекламных блока. Если хотите разместить рекламное объявление в нижней части каждой записи блога, это будет один рекламный блок.

Каждый блок может иметь собственный стиль и макет. Это позволяет протестировать различные места для вывода рекламы (записи, боковые панели, футер и т. д.) и сравнить результаты.

В качестве примера рассмотрим следующий сценарий и посмотрим, как настроить рекламный блок Google AdSense, а также плагин Ad Inserter:

  • Одно объявление в боковой панели;
  • Одно объявление вверху каждой страницы;
  • Одно объявление до пятого абзаца каждой записи, опубликованной в блоге;
  • Одно объявление внизу каждой записи, опубликованной в блоге.

Для начала настройки Google AdSense создадим три рекламных блока. Для этого нужно перейти в раздел Контент - Объявления, а затем нажать на кнопку «Новый рекламный блок». При создании рекламного блока нужно выбрать тип объявлений:

  • Текстовые и медийные объявления: можно выбрать размер и макет. Данный способ отлично подходит для большинства случаев;
  • Объявления в фиде: предназначены для подгонки данных, похожих на ленту Facebook. Такой формат рекламы подходит для страниц архивов блога, на которых есть список выдержек из записей;
  • Объявления в статье: подходят для вставки в записи блога, поскольку предназначены для встраивания в абзацы.

У нас есть четыре места, в которых мы хотим разместить рекламные объявления. Для них понадобится четыре рекламных блока.

Начнем с рекламного блока в боковой панели. Для этого мы будем использовать текстовое и медийное объявление с вертикальной ориентацией. Не забудьте указать для каждого создаваемого рекламного блока понятное имя, чтобы легко отслеживать и управлять ими:

Объявления

Создание нового рекламного блока с вертикальной ориентацией для отображения в боковой панели

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

По трем остальным рекламным блокам я кратко расскажу, какой у них должен быть тип и макет:

  • Вверху страницы: текстовое и медийное объявление с макетом Leaderboard;
  • После пятого абзаца: объявление в статье;
  • Внизу записи: текстовое и медийное объявление, шаблон - большой прямоугольник.

Когда закончите настройку адаптивного блока AdSense всех четырех рекламных блоков, у вас должны быть следующие объявления:

Объявления - 2

Данные по всем рекламным блокам

Теперь, когда есть рекламные блоки, пришло время вывести их на сайте. Здесь в игру вступает плагин Ad Inserter. Нужно скопировать код JavaScript рекламного блока в один из блоков в Ad Inserter (для каждого объявления задан отдельный блок). Рассмотрим все объявления одно за другим, так как для каждого из них существуют свои требования.

Первым делом займемся рекламным объявлением, которое будет выводиться в боковой панели. С ним все немного сложнее, так как боковые панели управляются темой WordPress.

Чтобы вставить рекламное объявление, создайте обычный виджет WordPress. Виджет может содержать JavaScript-код, взятый из аккаунта Google Adsense, который будет без проблем выполняться. Но плагин Ad Inserter работает с шорткодами. Поэтому нужно создать рекламный блок и использовать шорткод вместо необработанного JavaScript-кода.

В плагине Ad Inserter вставьте код JavaScript для объявления, которое будет выводиться в боковой панели, в первый блок. Убедитесь, что установлены флажки «Страницы и записи», а также «Шорткоды» (нажмите кнопку «Ручная настройка», чтобы он отобразился). Также убедитесь, что для этого блока отключена автоматическая вставка:

Создание рекламного блока для боковой панели, который мы будем вставлять в текстовый виджет с помощью шорткода

Последний шаг настройки AdSense - создайте текстовый виджет в боковой панели темы и вставьте шорткод, предоставленный плагином Ad Inserter. Перейдите в меню Дизайн - Виджеты, выберите тип виджета – «Текст» и разместите его в боковой панели. А затем вставьте в него шорткод.

Теперь можно перейти к настройке остальных рекламных блоков, которую будем производить с использованием интерфейса плагина Ad Inserter.

Следующий рекламный блок располагается вверху страницы. Снова скопируйте JavaScript-код из аккаунта Google AdSense и вставьте его в доступный рекламный блок (предположительно это будет рекламный блок №2).

Его нужно настроить следующим образом: отображение - на всех статических страницах и в записях, на главной странице, на страницах категорий, на страницах тегов / архивов и на странице поиска. Также установите для параметра «Автоматическая вставка» значение «Перед записью», чтобы блок выводился вверху страницы / записи (но ниже любого заголовка, который использует тема).

Вот как это будет выглядеть:

Создание рекламного блока в верхней части страницы. Он будет отображаться вверху записей и страниц, включая страницы категорий и архивов

Следующий блок немного отличается от предыдущего. Он будет отображаться только в постах до пятого абзаца. Скопируйте и вставьте JavaScript -код из Google-AdSense в третий рекламный блок. Перед тем, как настроить AdSense, установите следующее: Автоматическая вставка - Перед абзацем, только в записях. Затем появится новое поле, в котором нужно указать номер абзаца - введите 5. Вот как это будет выглядеть:

Создание рекламного блока, который будет отображаться до пятого абзаца в каждой записи, а также на страницах архивов и категорий

Последний рекламный блок будет размещаться внизу каждой записи в блоге. Вам нужно настроить следующее: Автоматическая вставка - После записи. Можно установить параметр «После комментариев», если хотите, чтобы рекламный блок выводился в самом низу страницы.

Также установите для блока отображение только в записях (снимите флажок «Страницы»). Все настройки будут выглядеть следующим образом:

Создание рекламного блока, который будет отображаться в нижней части каждой записи, опубликованной в блоге, а также страниц архивов и категорий

Заключение

Где и как выводить рекламу - это ваш личный выбор. С помощью плагина Ad inserter можно легко создавать сложные наборы правил.

Перед тем, как правильно настроить AdSense, убедитесь, что вы можете отслеживать эффективность созданных рекламных блоков и при необходимости вносить изменения. А также не забудьте, что плагин Ad inserter работает не только с Google AdSense. Он подойдет для работы с любой рекламной сетью, которая позволяет создавать отдельные рекламные блоки. Именно это делает плагин Ad inserter одним из лучших решений для работы с Google AdSense на WordPress-сайте.

Вадим Дворниковавтор-переводчик статьи «SETTING UP GOOGLE ADSENSE WITH WORDPRESS»

Пожалуйста, опубликуйте ваши мнения по текущей теме материала. Мы очень благодарим вас за ваши комментарии, подписки, дизлайки, отклики, лайки!