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

МногоПятёрок > Монетизация сайта > Устанавливаем Яндекс рекламу на сайт 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 виджет и вставляем в него код, для данного примера это будет выглядеть так:

На этом вся установка рекламного блока от Яндекса готова!

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