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

DmitriyDenisov.com Logo

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

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

Активация модуля

По умолчанию модуль вставки рекламы в текст записей WordPress отключен. Чтобы его активировать, перейдите в Консоль > AdContent > Настройки и включите опцию «Реклама в тексте записей».

Опция для включения модуля вставки рекламы в текст записи в плагине AdContent

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

Настройка вставки рекламы

Для настройки вставки рекламных блоков в текст записей перейдите в Консоль > AdContent > Вставка в записи и нажмите на кнопку «Добавить» в блоке с нужным типом записи.

Добавление нового шорткода для вставки рекламы в текст записи WordPress

Шорткод. Укажите шорткод для получения рекламных блоков. Получить код шоткода можно в Консоль > AdContent > Генератор кода. Подробнее о генерации шорткодов можно прочитать в данной статье.

Настройка шорткода для получения объявлений

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

Настройка селектора контейнера с текстом записи

При этом стоит отметить, что вы можете указать любой элемент, который является родительским по отношению к тексту записи, вплоть до тега HTMLвсего документа. Это позволит вам производить поиск элементов по всей странице записи, а не только по ее тексту.

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

Консоль разработчика в браузере Google Chrome (Shift + CTRL + I)
Консоль разработчика в браузере Google Chrome (Shift + CTRL + I)

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

Настройки вставки. В данном блоке будут отображаться настройки элементов для вставки рекламных блоков. Для добавления условий, используйте кнопку «Добавить».

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

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

Настройка селектора для вставки рекламы

Наиболее часто используются следующие селекторы:

  • p – все абзацы;
  • img – все изображения;
  • :header – все заголовки;
  • h2 – заголовки только второго уровня;
  • :contains(Hello) — элементы с текстом «Hello»;
  • ul – все маркированные списки;
  • ol – все нумерованные списки;
  • .custom – все элементы с классом custom;
  • #custom – элемент с идентификатором custom;
  • p:has(img) – все абзацы, которые содержат изображения.

Подробнее о селекторах jQuery вы можете узнать, перейдя по ссылке.

Индекс. Укажите порядковый номер элемента. Если выбранный вами селектор предполагает нахождение нескольких элементов, то в данном поле вы можете указать номер элемента, который следует выбрать.

Настройка индекса элемента для вставки объявлений

Количество рекламных блоков. Укажите количество рекламных блоков для вставки.

Настройка количества рекламных блоков для вставки

Стоит отметить, что рекламные блоки берутся из начала списка. То есть, если для страницы было получено 10 рекламных блоков и вы указали в данном поле 2, то для остальных условий вставки будут использоваться оставшиеся 8 рекламных блоков и так до тех пор, пока не закончатся рекламные блоки или условия для вставки объявлений.

Позиция. Выберите позицию для вставки рекламных блоков. Будьте внимательны при вставке рекламы внутрь элементов, так как не все HTML теги поддерживают такую возможность. Например, нельзя вставлять рекламные блоки внутрь непарных тегов, таких как теги изображений img, перенос строки br и аналогичные.

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

CSS классы. Укажите классы CSS для контейнера, в который будут помещены рекламные блоки перед вставкой. Если оставить данное поле пустым, то рекламные блоки будут вставлены без контейнера.

Настройка CSS классов контейнера с объявлениями

Заключение

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

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

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

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