Устанавливаем Яндекс рекламу на сайт wordpress (рекомендательный виджет)

Здравствуйте, как установить рекламные блоки от Яндекса на свой сайт wordpress. Ниже мы установим рекомендательный виджет.

Скачать исходники для статьи можно ниже

Реклама показывается вместе с рекомендуемым контентом (Читайте также), то есть в данном блоке находятся ссылки на ваши статьи с миниатюрами и реклама Яндекса. Приэтом можно настроить какое количество будет ссылок на ваш контент и сколько рекламы.

Заходим на сайт “partner.yandex.ru”
Сначала добавляем сайты, если Вы этого ещё не сделали, то выбираем в левом меню пункт “Продукты”, подпункт “Тематические площадки” и жмем кнопку “Добавить сайт”.

Далее заполняете домен, название и ждете, когда Ваш сайт пройдет модерацию:

Далее переходим к установке блоков рекламы на сайт wordpress.

В левом меню выбираем пункт “Продукты”, подпункт “Рекомендательный виджет” и жмем кнопку “Добавить виджет”:

Далее всё оставляем по умолчанию, единственное можно поменять дизайн рекламы (на картинках ниже Вы можете увидеть мои настройки):

Вот в этой вкладке “Дизайн” можно регулировать количество рекламы и ссылок на ваш контент (ваши записи). В данном примере стоит 1 ссылка на контент и одна реклама.

Далее жмем на кнопочку “Получить код”:

Вот этот код:

<html>
<head>
<!-- Это заголовок страницы. -->
<!-- Yandex Native Ads -->
<script>window.yaContextCb=window.yaContextCb||[]</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>
<title>Пример HTML-страницы</title>
</head>
<body>
<!-- Это раздел с контентом сайта. -->
<!-- Yandex Native Ads C-A-1503728-1 -->
<div id="id-C-A-1503728-1"></div>
<script>window.yaContextCb.push(()=>{
  Ya.Context.AdvManager.renderWidget({
    renderTo: 'id-C-A-1503728-1',
    blockId: 'C-A-1503728-1'
  })
})</script>
</body>
</html>

Здесь действуем по инструкции, то есть: код, который размещен между тегами head (в данном примере это следующий код):

<!-- Это заголовок страницы. -->
<!-- Yandex Native Ads -->
<script>window.yaContextCb=window.yaContextCb||[]</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>

, нужно прописать в шапку сайта wordpress – в файл header.php

Для этого заходим в админку wordpress сайта, в левом меню выбираем пункт “Внешний вид”, подпункт “Редактор” и справа в списке шаблонов сайта ищем файл header.php

Здесь ищем закрывающий тег head и перед ним вставляем код (для данного сайта это будет выглядеть так):

Далее сохраняем изменения данного файла – жмем на кнопку “Обновить файл”.

И вторую часть кода рекламного блока, для данного примера это:

<!-- Это раздел с контентом сайта. -->
<!-- Yandex Native Ads C-A-1503728-1 -->
<div id="id-C-A-1503728-1"></div>
<script>window.yaContextCb.push(()=>{
  Ya.Context.AdvManager.renderWidget({
    renderTo: 'id-C-A-1503728-1',
    blockId: 'C-A-1503728-1'
  })
})</script>

Установим, например, в виджет сайта на боковой колонке.

Для этого заходим в админке wordpress сайта в пункт “Внешний вид”, подпункт “Виджеты” и выбираем HTML виджет и вставляем в него код, для данного примера это будет выглядеть так: