Как разместить рекламу в тексте записей WordPress или в любом другом месте сайта с помощью плагина AdContent

DmitriyDenisov.com Logo

В данной статье мы рассмотрим технологию размещения рекламных блоков в тексте записей WordPress с помощью плагина AdContent. Используя данную технологию, вы сможете размещать рекламные блоки не только в записях, но и в любом другом месте сайта, независимо от особенностей его верстки.

Как разместить рекламу в тексте записей WordPress или в любом другом месте сайта с помощью плагина AdContent

Данная статья предназначена для продвинутых пользователей и требует базовых знаний и навыков в области программирования на JavaScript и jQuery.

Описание технологии

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

Таким образом, при загрузке страниц происходит следующее:

  1. Плагин ищет подходящие рекламные блоки уровня страницы и выводит их в скрытом блоке, например, в подвале сайта.
  2. Каждый рекламный блок уровня страницы загружает группу объявлений, предназначенную именно для этой страницы.
  3. Каждая группа объявлений перемещается в нужное место страницы сайта с помощью специального JavaScript кода.

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

Этапы работы

Процесс размещения рекламы данным способом состоит из следующих этапов:

  1. Создание групп объявлений для разных рекламных позиций на сайте, например, для текста записи, боковой колонки сайта, списка записей и т.д.
  2. Создание и настройка рекламных блоков для ранее созданных групп объявлений, которые отвечают за рекламные позиций на сайте.
  3. Создание группы объявлений для рекламных блоков уровня страницы, которые в свою очередь будут загружать соответствующие группы объявлений для разных рекламных позиций на сайте.
  4. Создание рекламных блоков уровня страницы, которые будут содержать шорткоды для загрузки соответствующих групп объявлений и скрипты для их перемещения в нужную позицию на сайте.
  5. Загрузка рекламных блоков уровня страницы в скрытом блоке с помощью встроенного в плагин модуля вставки объявлений по хукам событий.

Несмотря на некоторую сложность вышеописанной технологии, данный подход к размещению рекламных блоков на сайте является одним из самых универсальных и эффективных с точки зрения производительности.

Размещение рекламы в тексте записей WordPress

Чтобы понять всю суть выше описанного метода, рассмотрим наглядный пример, в котором мы разместим несколько релевантных рекламных блоков в тексте записей WordPress.

Создание групп объявлений

Переходим в Консоль > AdContent > Группы объявлений и создаем новую группу объявлений, назвав ее, например, «Текст записи». В данной группе будут находиться рекламные блоки, которые предназначены исключительно для размещения в тексте записей.

Создание группы объявлений для текста записей

Чтобы сэкономить время и убрать один этап из списка, сразу создадим группу объявлений для рекламных блоков уровня страницы, назвав ее, например, «WP_FOOTER».

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

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

Создание обычных рекламных блоков

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

Создание нового рекламного блока

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

Создание рекламного блока уровня страницы

Переходим в Консоль > AdContent > Добавить новый и создаем рекламный блок уровня страницы. В качестве группы объявлений обязательно указываем ранее созданную группу «WP_FOOTER».

Создание нового рекламного блока уровня страницы

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

[adcontent num="5" group="197" orderby="priority" order="ASC" class="post-content"]

<script>

    /* Получаем список рекламных блоков, загруженных с помощью шорткода в данном объявлении, и сохраняем его в переменную items_1838, где 1838 - это идентификатор текущего рекламного блока, который можно найти в адресной строке браузера после сохранения записи (wp-admin/post.php?post=1838&action=edit) или в списке рекламных блоков в Консоль > AdContent > Рекламные блоки. */
    var items_1838 = jQuery( '#adcontent-item-1838' ).find( '.adcontent-container > .adcontent-item' );

    /* Находим на странице контейнер с текстом записи и сохраняем все его HTML элементы в переменную content_1838. В данном случае мы выбрали абсолютно все элементы статьи первого уровня, такие как абзацы, изображения и т.д. Селекторы для поиска текста записи на странице зависят от особенностей верстки шаблона вашего сайта. Используйте консоль разработчика в вашем браузере для составления селекторов jQuery, применимых именно к вашему проекту. */
    var content_1838 = jQuery( '#main' ).find( '> .hentry > .article > .entry-content > .entry-text > *' );

    /* Вставляем рекламные блоки после соответствующих элементов в тексте записи. В данном случае мы разместим пять рекламных блоков (индексы начинаются с 0, а не с 1) после 2, 4, 6, 8 и 10 HTML элемента статьи. */
    content_1838.eq( 1 ).after( items_1838.eq( 0 ) );
    content_1838.eq( 3 ).after( items_1838.eq( 1 ) );
    content_1838.eq( 5 ).after( items_1838.eq( 2 ) );
    content_1838.eq( 7 ).after( items_1838.eq( 3 ) );
    content_1838.eq( 9 ).after( items_1838.eq( 4 ) );

</script>

Вышеприведенный код является лишь наглядным примером того, как использовать JavaScript и jQuery в сочетании с плагином AdContent для размещения объявлений в любом месте сайта, независимо от особенностей его верстки.

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

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

Вывод рекламных блоков уровня страницы в скрытом блоке

Перейдите в Консоль > AdContent > Генератор кода и сгенерируйте шорткод для вывода рекламных блоков уровня страницы, которые находятся в группе «WP_FOOTER». После этого перейдите в Консоль > AdContent > Хуки шаблона (необходимо, чтобы модуль был включен в настройках плагина) и создайте новый хук.

Вывод рекламных блоков по хуку WP_FOOTER

В качестве хука события используйте стандартный хук WordPress под названием wp_footer, который отвечает за вывод разного рода скриптов и другой информации в конце страницы перед закрывающим тегом body. В качестве приоритета рекомендуется использовать как можно большее значение, чтобы рекламные блоки загружались после загрузки всех основных скриптов страницы и вам были доступны все JavaScript функции.

Чтобы скрыть рекламные блоки от показа на странице, достаточно поместить шорткод в скрытом блоке. В качестве скрытого блока можно использовать обычный div с инлайновыми стилями:

<div style="display: none">[шорткод]</div>

Размещение рекламы в любом месте сайта

Процесс размещения рекламных блоков в других позициях на сайте ничем не отличается от размещения рекламных блоков в тексте записей WordPress. Единственное отличие — другой JavaScript код для вставки объявлений в соответствующие рекламные позиции на сайте.

В качестве наглядного примера рассмотрим код для вставки группы объявлений в боковую колонку сайта.

[adcontent num="3" group="198" orderby="priority" order="ASC" class="widget"]

<script>

    jQuery( '#adcontent-item-1839' ).find( '.adcontent-container' ).appendTo( jQuery( '#sidebar' ) );

</script>

Вышеприведенный код загрузит рекламные блоки в контейнер с классом widget и переместит его в боковую колонку сайта с идентификатором sidebar сразу после загрузки.

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

Также особое внимание следует уделять ситуациям, когда создаются несколько рекламных блоков уровня страницы для вывода объявлений в одних и тех же рекламных позициях на сайте, так как это может привести к перенасыщению сайта рекламой и даже возникновению ошибок.

Учитывая вышесказанное, наиболее простым и эффективным решением подобной проблемы будет создание одного рекламного блока уровня страницы для одной группы объявлений, которая предназначена для одной рекламной позиции на сайте.

Заключение

В данной статье мы рассмотрели один из самых универсальных и эффективных способов размещения рекламы на сайте с помощью плагина AdContent, который позволяет размещать объявления абсолютно в любом месте шаблона сайта, независимо от особенностей его верстки.

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

Нашли ошибку? Выделите ее и нажмите Ctrl + Enter

Оставить комментарий

* - поля, обязательные для заполнения
Загрузка Google reCAPTCHA