Про web-разработку
Для программистов, фрилансеров, предпринимателей
Инструменты

Как добавить рекламный блок в яндекс турбо страницу

Настройка личного кабинета webmaster

В яндекс турбо страницу можно добавлять рекламные блоки из РСЯ.

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

Затем надо в вебмастере указать настройки для подгрузки конкретного блока рекламы.

Для этого открываем раздел Турбо-страницы → Настройки → Реклама . Находим подраздел "Рекламные блоки в контенте". В нём добавляем новый блок и указываем id из рекламного кабинета, и придумываем свой id, который мы потом будем использовать в коде разметки.

Добавление РСЯ-блока в турбо страницы
Добавление РСЯ-блока в турбо страницы

Теперь можно указывать свой id (my_turbo_id в примере) в разметке страницы.

Полный пример вставки

<figure data-turbo-ad-id="my_turbo_id" 
        data-platform-mobile="true" 
        data-platform-desktop="true"></figure>

Разбор кода

Итак, для того чтобы создать рекламный блок. Надо:

Написать следующий блок

<figure data-turbo-ad-id="my_turbo_id" 
        data-platform-mobile="true" 
        data-platform-desktop="true"></figure>

где есть три аттрибута

  • data-turbo-ad-id - ваш id рекламного блока
  • data-platform-mobile - отображать ли рекламу на мобильных устройствах или нет. true - да, false - нет
  • data-platform-desktop - отображать ли рекламу на десктопных устройствах или нет. true - да, false - нет

Для программистов php

Существует готовая библиотека для генерации турбо страниц. github.com/viktorgvozdikov/yandex_turbo_rss_xml

Установить её можно при помощи composer composer require modulebz/yandex_turbo_rss_xml

Пример создания рекламного блока РСЯ при помощи этой библиотеки

Код генерации

<?php
use ModuleBZ\YandexTurbo\Content;
use ModuleBZ\YandexTurbo\Element\Ad;

include_once "../vendor/autoload.php";

// создаём новый объект контента
$content = (new Content())
    // Добавляем рекламу
    ->addAd((new Ad())
        // Указываем id рекламы
        ->setAdId('my_turbo_id')
        // Включён ли рекламный блок на мобильных устройствах
        ->setMobile(true)
        // Включён ли рекламный блок на дескптопных устройствах
        ->setDesktop(true)
    )
;
// смотрим результат
echo $content;

Результат

<figure data-turbo-ad-id="my_turbo_id" 
        data-platform-mobile="true" 
        data-platform-desktop="true"></figure>

Поделиться:

Как добавить рекламный блок в яндекс турбо страницу
Как добавить рекламный блок в яндекс турбо страницу