Как я добавил код Google Adsense на ускоренные мобильные страницы (AMP) WordPress

wp+amp+adsenseЭра мобильных устройств привела к тому, что их стали использовать повсеместно, а поисковый гигант начал выполнять ранжирование сайтов, учитывая наличие на ресурсе таких страниц – легких и оптимизированных для планшетов и других девайсов. Дальше – больше. Владельцам сайтам, для которых доход от рекламы – не просто пустой звук, а главный способ обеспечивать себя и свою семью, приходится думать о том, как добавить код Google Adsense на AMP-страницы. Рассмотрим этот вопрос на случае, когда для создания мобильного контента на вашем сайте на Вордпресс используется специальный плагин, называемый WordPress AMP by Automattic. Вместо того чтобы ставить еще один плагин, внесем небольшие правки в единственный файл – functions.php вашей темы. Но обо всем по порядку.

Четыре способа вставки кода Google Adsense на AMP-страницы

Отталкиваемся от того, что плагин WordPress AMP by Automattic настроен и работает, а Гугл в панели вебмастера больше не выдает предупреждения об отсутствии оптимизированных страниц. Чтобы добавить рекламный код Adsense на ускоренные мобильные страницы, сгенерированные плагином, можно воспользоваться несколькими способами, в зависимости от того, куда именно будет вставляться код:

  • Над содержимым страницы.
  • Над контентом, а также в текст после определенного количества абзацев.
  • Вставка кода Google Adsense в контент AMP-страницы WordPress после определенного количества абзацев.
  • Четвертый пример создает один короткий код для вызова рекламного блока. Он работает как на обычных, так и на ускоренных мобильных страницах, чтобы отображать ваши объявления. Своего рода «швейцарский нож» универсального назначения.

Таким образом, по функционалу эти способы расположены в порядке нарастания возможностей. Иногда может быт полезным первый вариант. Во-многих случаях – второй и третий. Четвертый же, однажды настроенный – полностью обеспечит вас необходимыми инструментами для вставки кода Гугл Адсенс в произвольное место на странице Вордпресс при использовании плагина WordPress AMP от Automattic.

Обязательные условия, которые должны выполняться до вставки

Для всех четырех способов необходимо наличие соответствующего рекламного блока (адаптивного) и добавление сценария javascript для поддержки элемента amp-ad.

Для создания нового объявления необходимого формата в панели управления Google Adsense выполните последовательность таких действий (по состоянию на октябрь 2017 года):

  • «Мои объявления».
  • «Рекламные блоки».
  • «Новый рекламный блок».
  • Выбрать «Объявления в статье» с отметкой «Нативный».
  • В появившейся форме вписать название нового рекламного блока AdSense и указать необходимые настройки (шрифт, цвет текста и заголовка, фон рекламы).
  • После нажатия кнопки «Сохранить и получить код» объявление будет создано.

adsense_new_get_code

Теперь нужно будет добавить упомянутый сценарий, который нужно поместить в ваш файл function.php

js_for_amp-ad

Теперь все готово для того, чтобы воспользоваться одним из четырех способов для добавления кода на мобильные страницы. К слову аналогичный алгоритм действий и для объявлений на обычные страницы. Перейдем к примерам.

Пример 1: Добавить Google Adsense в AMP над контентом

Мы снова работаем с файлом funcions.php
В него вносим нижеприведенный код.

Пример 2: Вставить код Гугл Адсенс в AMP выше и внутри содержимого

В этом примере после второго абзаца будет добавлено объявление AdSense над контентом и другое объявление AdSense. Если вы хотите отобразить объявление после другого абзаца, вместо второго абзаца измените «2» на номер вашего желаемого абзаца. Однако если сообщение не имеет такого количества абзацев, в этом месте показ объявления производиться не будет. (Объявление над содержимым при этом будет отображаться.)

Вы должны отредактировать следующий код, чтобы заменить «ca-pub-0000000000000» на свой собственный идентификатор издателя. Отредактируйте строку 14, чтобы заменить «0000000» на свой собственный идентификатор рекламного блока.

Пример 3: Добавьте Google Adsense в середину AMP-контента

Этот пример добавляет Google Adsense к вашим сообщениям AMP только в содержимом, но не над контентом. Например, после второго абзаца. Если вы хотите отобразить объявление после другого абзаца, вместо второго абзаца измените «2» в строке 20 ниже на номер вашего желаемого абзаца. Однако, если сообщение не имеет такого количества абзацев, в этом месте показ объявления не будет показан.

Вы должны отредактировать следующий код. Вы должны заменить «ca-pub-00000000000000000» на свой собственный идентификатор издателя. Отредактируйте строку 14, чтобы заменить «0000000000» на свой собственный идентификатор рекламного блока.

Пример 4. Отображение Google Adsense с помощью короткого кода, который работает и на обычных страницах и AMP – для мобильных устройств

Здесь использован другой способ. Он дает больше свободы действий. Благодаря ему вы можете с помощью короткого вызова разместить код Адсенс в любом месте произвольной страницы. Причем неважно – ускоренная она (AMP) или обычая.

Короткий код для вызова рекламы в произвольном месте выглядит так:

[Isa_amp_and_regular_adsense]

Чтобы использовать короткий код, вставьте его в свой контент там, где вы хотите показывать объявления. Вы можете использовать эту возможность в своей панели инструментов WordPress при создании или редактировании сообщения. Итак, в редакторе сообщений вставьте короткий код где-то в пределах содержимого сообщения. Помните, что Google Adsense имеет ограничение на 3 обычных объявления на странице.

Примечание. Если вы хотите просмотреть, как ваши рекламные объявления появятся на ваших страницах AMP (ускоренные мобильные страницы), вы должны перейти к одному из ваших URL-адресов AMP на мобильном устройстве (например, на мобильном телефоне). Если вы просматриваете свою страницу AMP в обычном браузере рабочего стола, вы, вероятно, не увидите рекламу. Это нормально, потому что страницы AMP будут отображаться только пользователям на мобильных устройствах, отсюда и название «Ускоренные мобильные страницы». Еще одним способом просмотра на компьютере является добавление к концу адреса «/amp».

Успехов!

Другие записи этой рубрики:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.