CPM — показатель, сильнее всего влияющий на доход сайта из тех, которыми просто управлять. В статье приведу пример, каким образом провести a/b/c/d/e анализ контекстной рекламы, выбрать прибыльные рекламные блоки и повысить монетизацию сайта.
Для примера возьмём «телеком» сайт, на котором давно не вносились изменения в монетизацию. Сайт на WordPress, используемый плагин: Flat PM. Трафик сайта: 1 000 — 3 000 уников в день, так что статистику удастся собрать довольно быстро.
Подготовка к проведению тестирования
Нам потребуется сайт на WordPress с установленным плагином Flat PM или аналогом, разбирать будем именно этот плагин. Сайт должен быть принят в «Рекламную сеть Яндекс» и / или Google Adsense. Подобным уровнем можно проводить анализ любой рекламы, а не только контекстной, но пример будет посвящён именно такой связке.
Для удобной работы с данными после теста придумываем одинаковую систему названия рекламных блоков. Например, аббревиатура сайта из 2-3 символов, далее указываем регион размещения, далее — номер размещения. Для первичного обвеса рекламой я используют 3 региона:
- Контент. В нём есть правила размещения, например в районе заголовков, по параграфам, в конце или в начале. В начале я использую 8 мест: после каждые 15% текста с минимальным отступом 1000 символов, под 1 или 2 параграфом и один в конце контента.
- Сайдбар. В зависимости от сайта, делаю один блок вверху сайдбара и 3 блока внизу, которые появляются поочереди и становятся прилипшими на 1/3 прокручивания.
- Всплывающие блоки. Разделяю их высоту и ширину в зависимости от устройства (мобильные — не больше 300 пикселей в высоту, что бы не загораживать большу часть контента и иметь возможность закрыть блок.
Таким образом получаю названия: OWF — P1 (кв). Где первое — аббревиатура сайта, второе — место размещения, третье — форма рекламного блока.
Создание рекламных блоков для A/B/… тестов
Определившись с названиями блоков приступаем к их созданию. Опыт показал, что проще, быстрее и меньшее количество ошибок допускаются тогда, когда сначала создаёшь все блоки, а затем добавляешь их в плагин.
Создание рекламных блоков в Google AdSense
Наша задача для первого теста создать по 4 блока на каждое место, отличные форматом, статьи и медийные объявления: квадратные, вертикальные, прямоугольные. Копируем название блока, создаём все типы изменяя формат и название. Потом, благодаря этому, мы сможем легко фильтровать объявления.
- Пункт меню для создания и просмотра рекламных блоков Гугл Эдсенс;
- Вкладка, в которой представлен выбор формата для создания блоков и просмотра уже созданных;
- Создание интересующих нас медийных объявлений и объявлений в статье.
Создадим 4 объявления для одного рекламного места, которые будем ратировать. Назовём их OWF — P1 (кв/гор/вер/ст), где OWF — аббревиатура сайта, P1 — место вывода об]явления, кв/гор/вер/ст — один из типов: квадрат, горизонталь, вертикаль, статья.
Создание объявления AdSense в статье
Начнём с создания объявления в статье. После нажатия в предыдущем меню на «Объявления в статьях», откроется интерфейс создания рекламного блока:
Соответственно в блоке N1 мы указываем название этого блока (OWF — P1 (ст)). Стили менять не будем, это тема отдельного урока и отдельный потенциал роста монетизации.
Создание медийного объявления в AdSense
Создаём три медийных объявления разных форматов: квадратное, прямоугольное и вертикальное. Для этого нажимаем на «Медийные объявления», откроется новый интерфейс:
В нашем примере создаём квадратное объявление, что указываем в название (квадрат 1) и формате (квадрат 2). Сохраняем и создаём горизонтальное и вертикальное.
Создаём все рекламные блоки для региона контент
Мы сделали блоки, которые будем выводить в одном месте сайта для ротации между собой внутри статьи. Проделаем эти действия не только для P1, но и для H1, AC (after content (конец контента)), и P2-P6. Всего мы должны создать блоки для 8 мест размещения в статье, 24 блока.
Создаём объявления Google для всплывающих окон и сайдбара
Подбор рекламных форматов под sidebar и всплывающие блоки сложнее, так как учитывает ширину области, рабочий интерфейс пользователя. Реклама не должна заслонять более 1/3 контента, всплывающие блоки должны закрываться.
Создадим 4 рекламных медийных блока для сайдбара:
- один квадратный медийный блок для вывода сверху сайдбара: «OWF — SB — Top»;
- три прямоугольных медийных блока для «липкого» вывода внизу сайдбара, вплоть до конца страницы: OWF — SB — F1, OWF — SB — F2, OWF — SB — F3.
Создадим 5 рекламных блока для всплывающего отображения:
- квадрат для вывода на мобильных устройствах: OWF — Float — Mob;
- квадрат и объявление в статье для планшетов: OWF — Float — P (кв) и OWF — Float — P (ст);
- прямоугольник и объявление в статье для вывода на десктопе: OWF — Float — Des (пр) и OWF — Float — Des (ст).
В итоге мы создали 28 объявлений в Google Adsense.
Создание рекламных блоков в РСЯ
Создадим рекламные блоки РСЯ для тех же мест размещения и с аналогичными названиями. Определимся, будем ли создавать отдельные блоки для мобильных и будем ли тестировать сразу несколько форматов объявлений в разной ротации. Если да, то этот формат будем указывать в скобках.
В моём примере будет использован только один вид рекламы (десктопный, если не указано иного), а сравнение форматов будет проходить в самом интерфейсе РСЯ. Ещё один интересный момент: в «Рекламной сети Яндекса», в отличие от Google Adsense, можно дублировать объявления. Значит для региона «Контент (статья)» сделаем одно объявление, а потом просто размножим его до 8, для нижней части сайдбара до трёх. Приступим.
Как создать объявления в РСЯ
Зайдём в интерфейс объявлений и создадим наше первое объявления для показа в контенте:
- Пункт меню в «Яндекс Партнёр», в котором создаются рекламные объявления;
- выбор создания RTB-блоков;
- элемент навигации, отвечающий за создание рекламного блока.
Создание рекламных блоков РСЯ для региона контент (в статье)
Для объявлений, выводящихся в самой статье, мы создадим восемь рекламных блоков, как и в AdSense. Это p1-p1, AC и H1 места размещения.
Подключим вывод видео рекламы и определимся с блоками, которые будем тестировать.
Выбираем площадку, для которой создаётся рекламный блок и название нашего блока. Приватность оставляем полной.
на нашем примере вся форматы — десктопные. Они будут отображаться и на мобильных устройствах. Мобильный формат будет выбрать только для двух блоков, об этом будет рассказано чуть ниже. Кстати, форматы рекламы — один из показателей, который можно тестировать.
- Если необходимо, добавляем варианты дизайна рекламы;
- активируем показ видео рекламы в блоке.
Здесь мы выбираем размеры, в рамках которых будет выводиться реклама. Поскольку речь идёт о контенте, то думая о посетителях сайта стоит убрать вывод блоков высотой больше 500px и с фиксированной шириной больше 320px.
- Форм-фактор выбирается не один из, а настраиваются оба. В нашем примере выбрано для показа 9 форматов: 6 горизонтальных и 3 вертикальных. Будьте внимательны;
- Выбираем форматы, подходящие для нашего сайта.
Оставляем стратегию «Максимальный доход», если Вы читаете эту статью, то вряд ли готовы заниматься другим уровнем аналитики монетизации и её формами. Да и вряд ли это требуется в Вашей ситуации.
Создание рекламных блоков для региона Sidebar и всплывающей рекламы
Создадим 4 рекламных медийных блока для сайдбара
- OWF — SB — Top — квадратный блок для вывода вверху сайдбара;
- три прямоугольных блока для «липкого» вывода внизу сайдбара, вплоть до конца страницы: OWF — SB — F1.
Эти блоки идентичны по названию блокам, созданным в AdSense, их задачи аналогичны. Размер должен вписываться в ширину сайдбара, обычно это 300px.
В отличие от адаптивных объявлений Google AdSense, в Яндексе лучше выбрать размеры объявлений не превышающие границы сайдбара!
Создаём 3 рекламных блока для всплывающего отображения:
- Блок шириной и высотой до 300px для вывода на мобильных устройствах: OWF — Float — Mob. Можно использовать мобильный формат объявлений;
- Блок высотой не более 300px: OWF — Float — P;
- прямоугольник для вывода на десктопе, например 300 на 500 или 300 на 600 пикселей: OWF — Float — D.
Дублируем блоки РСЯ для вывода на всех местах
РСЯ позволяет дублировать созданные ранее блоки, сохраняя их настройки и просто изменяя название. Это удобнее, чем в Гугле. Нам потребуется дулировать блок из контента 7 раз, должно получиться 8 блоков (H1, AC, P1-6) и три блока для нижней части Сайдбара (OWF — SB — F1, OWF — SB — F2, OWF — SB — F3).
Конечные настройки блоков для региона контент
Мы можем тестировать несколько форматов рекламы от Яндекс в одном блоке!
Чтобы включить несколько форматов рекламы в одном блоке, добавляем их в настройке дизайна там же, где добавляли первый дизайн и включали видео рекламу:
- Блок видео рекламы;
- статистическая информация по % показа данного дизайна и рост CPM блока;
- 5 блоков с вертикальным отображением рекламы;
- три блока с горизонтальным отображением рекламы.
Этот способ не подойдёт, если у Вас низкий объём трафика. Если трафика меньше 1000 человек в день, лучше ограничиваться тестирование 2-5 форматов в неделю.
Дублируем выбранный блок
Меняем название на нужное нам и сохраняем.
Мы закончили создание рекламных блоков для тестирования. Ничего сложного и при правильном подходе 46 блоков создаются меньше, чем за час уже в первый раз. На сверку теста потребуется ещё меньше времени!
Размещение рекламных блоков на сайте
Как было озвучено ранее, для размещение контекстной рекламы используем плагин для WordPress Flat PM. Подобный функционал есть у многих других плагинов, используйте то, что решает конкретно Ваши задачи с наибольшим удобством.
Базовая настройка плагина
- Переходим на страницу настроек плагина;
- для удобства работы создаём вкладки для вывода рекламы. Я использую четыре вкладки: реклама в контенте, реклама в сайдбаре, всплывающая реклама, папка для служебных скриптов (если мы выводим их плагином). Можете создать сразу, можете — потом.
Покупая сайты, часто замечаю, что люди создают папки для рекламы, которая выводится в различных расширениях. Я не советую так делать. Всегда можно использовать в блоках ограничения по расширениям и создавать для них отдельные группы ротации. Например: ротация 1 — 2 блока с выводом реклама при ширине до 1024px и ротация 2 — 2 блока с шириной экрана от 1025. От изменения размера в том же контенте мы не меняем позиционирование блоков!
- Переходим на вкладку, для которой создаём рекламное объявление;
- добавляем новый рекламный блок.
Бывают случаи, когда блоки добавляются не в папку назначения, а в изначальную. Просто перенесите их в нужную папку.
Создаём рекламные блоки в статье
Настройка плагина для добавления рекламных блоков в контенте
- Создаём название нашего блока. Чтобы не было путаницы, создавайте название аналогично названию рекламных блоков;
- выбираем группу для ротации. В нашем примере все блоки ротируются между собой, у всех должна стоять одна цифра;
- рекомендую обрамит рекламный блок в
<div>с указанным классом. Это поможет работать со всеми отображениями. У меня указан:<div class="mda">, а в style.css задан отступ в 16px сверху и снизу. Это решает проблему слияния рекламы и контента. Создание тегаnoindex— моя личная позиция. Задавать его или нет — решайте сами. - Сохраняем созданный блок. Иначе при добавление нового, новый будет пустой. После сохранения данные блока будут наследоваться и не придётся ещё 3 раза делать тоже самое.
Если оставить поле пустым, то плагин выведет все объявления, которые будут в этой группе. Не 1, а 4.
После сохранения размножите этот блок до числа рекламных форматов, которые используете. У нас — 4 формата: 3 Google AdSense и 1 РСЯ. Данные, как видим, сохраняются.
Добавление RTB-блоков
Заходим в интерфейс Яндекс.Партнёр, ищем наш рекламный блок для вывода после 1 параграфа, нажимаем получить код.
Копируем код в буфер обмена нажав на кнопку или выделив и скопировав текст напрямую.
Вставляем полученный рекламный код между <div class="mda"> и </div>
Добавление блоков AdSense
- Переходим в созданным рекламным блокам Google AdSense;
- лайфхак: боремся с возможным человеческим фактором и упрощаем жизнь — набираем p1 в строке поиска по блокам, Google выведет только те блоки, которые содержат поле поиска;
- нажимаем на кнопку получить код.
- Обращаем внимание на первую полосу. Этот JS-файл передаёт данные в Гугл и получает оттуда информацию, которая выводится как реклама. Этот файл достаточно подключить один раз и в дальнейшем не копировать. Я рекомендую подключать его в
<head>и не добавлять в блоки вообще; - если не поняли о чём речь и боитесь всё испрортить или же удалите вызов скрипт потом, то нажимайте «скопировать код»;
- окно закрывается после нажатия на «готово».
Правильно выводить код один раз на странице. Вы можете сами настроить его вывод в head.php, подключить его в настройка плагина. Если Вы выбрали второй путь, то эффективность сайта по Page Speed может улучшиться при выводе рекламы с задержкой или после действия (правда Page Speed, как показала моя практика, ни на что не влияет). Если код не выводится вообще, то и реклама Google AdSense отображаться не будет.
Повторите эти действия для двух оставшихся рекламных блоков AdSense.
- Убедитесь, что ротация в блоках стоит правильно;
- убедитесь, что все блоки заполнены правильно. Сравните название блока и комментарии блоков рекламы.
- Переходим в параметры вывода;
- первый блок выводим после 1 параграфа, отступ от предыдущей рекламы не менее 1000 символов.
Раньше я выставлял первый блок настройкой: 1 раз после 1 или 2 параграфа. Но из-за этого на маленьких страницах или страницах с оглавлением, картинкой или другим блоком расстояние между 3 блоками рекламы было очень низким. Выставляя 1% контента и 1000 символов отступа даже на маленьких статьях исчезла проблема излишней рекламы.
Создаём все оставшиеся блоки в статье
Первый блок он трудный самый. По аналогии создаём остальные блоки вывода рекламы в статье: p1-p6, AC. Изменяем содержимое рекламных блоков и параметры вывода рекламы.
- К каждому последующему блоку, кроме последнего, добавляем число, дробное 15;
- Это не имеет отношение к настройке ведимости, но может помочь контролировать свои эксперименты: я указываю какого числа и что сделать относительно блока, чтобы не забыть, после изменений — оставляю нужное название.
Таким образом первые 7 блоков равномерно распределятся по контенту, а если контент не 7000 символов,а, допустим, 4, то блоки с не хватающим отступом в 1000 символов показываться не будут. А значит не будет и заспамленности рекламой.
| Название блока | Вывод блока | Отступ между |
| h1 | 1% | 1000 |
| p1 | 15% | 1000 |
| p2 | 30% | 1000 |
| p3 | 45% | 1000 |
| p4 | 60% | 1000 |
| p5 | 75% | 1000 |
| p6 | 90% | 1000 |
| AC | конец контента |
Последний блок, AC, выводится не в %, а в конце статьи.
Добавление рекламных блоков в Sidebar
Сайдбар у пользователя, как правило, находится в зоне баннерной слепоты. Наша задача разместить рекламу таким образом, чтобы она не мешала пользователю с одной стороны, а с другой — привлекала фокус внимания.
Так же почти всегда больший доход в этой зоне приносит Яндекс за счёт оплаты за просмотры, а не клики, на некоторых видах рекламы. Мы решим обе проблемы, создав плавающий блок с изменяющейся рекламой.
Настройка блока для вывода в сайдбаре
Создаём в плагине новый блок
div class="flatPM_sidebar" data-top="50"
Добавляем рекламные блоки
Настраиваем параметры вывода
.sb-bottom. Получаем: после первого найденного элемента, ища по всему документу (в том числе в футере и сайдбаре), выводится наш рекламный блок.
Это — скелет кода. В моём случае контейнер mds служит для задания стиля рекламному блоку, удалите его или используйте для дополнительно дизайна, например, отступа или фона.
Настройка сайдбара для вывода рекламы из плагина
Наша настройка вывода блока ищет элемент, содержащий .sb-bottom и выводит блок после него. Т.е. мы должны создать в сайдбаре пустой контейнер: <div class="sb-bottom"></div> и вывести его в конце региона Sidebar. Это можно сделать тремя способами: программно, виджетом или правя макет. Мы рассмотрим только вывод виджета.
- Перейдём в настройки Активной темы WordPress;
- жмём настроить.
Если у Вас есть панель администратора на сайте, то можете перейти на этот экран с любой страницы, просто нажмите: «Настроить»
- Выберите в меню виджеты, затем регион сайдбара;
- нажмите: «Добавить виджет»;
- выберите формат виджета: HTML-кол.
Если на вашей главной странице нет сайдбара, то он не появится в видимых блоках, перейдите на страницу, которая его содержит.
Внизу списка виджетов появится наш новый блок, отдедактируйте его:
- Добавьте код
<div class="sb-bottom"></div>внутрь содержимого; - нажмите «готово»;
- опубликуйте изменения на сайте.
Если всё сделано правильно, созданный плагином блок будет выводить блоки рекламные сразу после этого виджета, внутри родительского контейнера самого сайдбара.
1. Ваша тема может не поддерживать такой вывод рекламы, проверьте работоспособность.
2. помните, созданная реклама не сразу начинает отображаться на сайте, Яндексу и Гуглу требуется время на то, чтобы направить рекламу на созданные блоки!
Добавление всплывающих блоков
Всплывающие или приклеенные блоки — это драйвер дохода. Но они могут противоречить правилам поисковой системы. Создавая их думайте о пользователях, которые не должны чувствовать дискомфорт и проблем с получением информации. Ограничивайте высоту, позиционирование. С другой стороны — эффект неожиданности появления блока увеличивает фокус внимания (да и чего греха таить — случайные клики). Так что использовать надо, на страх и риск.
Напомню, у нас есть 8 блоков для Яндекса и Google для размещения в трёх регионах.
- квадрат для вывода на мобильных устройствах: OWF — Float — Mob;
- квадрат и объявление в статье для планшетов: OWF — Float — P (кв) и OWF — Float — P (ст);
- прямоугольник и объявление в статье для вывода на десктопе: OWF — Float — Des (пр) и OWF — Float — Des (ст).
Yandex
- Блок шириной и высотой до 300px для вывода на мобильных устройствах: OWF — Float — Mob. Можно использовать мобильный формат объявлений;
- Блок высотой не более 300px: OWF — Float — P;
- прямоугольник для вывода на десктопе, например 300 на 500 или 300 на 600 пикселей: OWF — Float — D.
Создаём ротацию объявлений между собой так же, как делали это для контента, изменяются только параметры вывода.
Всплывающий блок для мобильных устройств
Создаём такой же блок, какой создавали для любых других объявлений, но изменяем разрешения на: от 300 до 720 и переходим в параметры вывода: верхняя вкладка.
В параметрах вывода указываем:
- вывод крестика, трёхсекундный таймер закрытия и повторный вывод;
- устанавливаем вывод снизу;
- выводим через 15 секунд;
- сохраняем блок.
Вывод через 15 секунд — это время, за которое пользователь уже вовлечён в контент и оценил, будет ли читать дальше. Вряд ли он закроет сайт из-за предложенной на три секунды рекламы. Можно выставлять вывод не в секундах, а через количество пикселей. например: 2000.
Всплывающий блок для планшетов
Аналогично делаем для планшетов, но выбираем разрешение от 721 до 1199 пикселей, чтобы не выводилось обе рекламы.
Параметры вывода рекламного блока настраиваем такие же, как для мобильный устройств.
Всплывающий блок для десктоп версии
На примере я установил 1200 пикселей. Оптимально выбирать размер исходя из Вашей ширины контента и ширины рекламного блока, чтобы блок не заслонял контент, например если рабочая область сайта 1000px, рекламный блок — 300px, то лучше выводить такую рекламу от 1600px размера экрана, тогда отступ справа и слева от рабочий области будет по 300 пикселей с двух сторон.
Параметры вывод на этот раз будут другие:
- вкладка параметров вывода;
- настройки, аналогичные мобильной версии;
- устанавливаем вывод слева, делаем отступ 2 пикселя от низа, чтобы не склеивать низ сайта с рекламой;
- устанавливаем такой же вывод через 15 секунд или в пикселях;
- сохраняем блок.
На этом мы закончили добавлять наши рекламные блоки на сайт и готовимся грести деньги лопатой, но такого не будет. Работы предстоит ещё много.
Что делать с тестированием дальше?
После настройки ротации объявлений нужно подождать, пока мы получим статистику, которой можно верить. В идеале этот минимум 1000 просмотров каждого блока. Проверьте, что вся реклама выводится и отложите работу с монетизацией до нужного количества посетителей. А дальше будем выбирать, какие рекламные блоки оставлять. Об этом уже в следующем посте.
