» » » Настройка внешнего вида объявлений контекстной рекламы Яндекс Директ
logotip

Настройка внешнего вида объявлений контекстной рекламы Яндекс Директ

Всем привет! Сегодня на seo-mayak.com продолжение темы заработка на блоге с помощью контекстной рекламы.

В недавней статье я рассказывал как зарегистрировать сайт в рекламной сети Яндекса (РСЯ) через ЦОП Profit-Partner. Теперь у нас на очереди тоже очень интересная тема — это настройка объявлений Яндекс Директ.

Итак, мы прошли модерацию в РСЯ и получили код вызова объявлений контекстной рекламы.

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

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

nastroika yandeks direkt

Но как говориться вкус вкусом, но есть еще такое понятие, как кликабельность объявлений, а как известно оплата в контекстной рекламе происходит за клики, чем больше кликов, тем больше денег.

Правильная настройка объявлений Яндекс Директ — это залог стабильного роста доходов с контекстной рекламы.

Наша задача настроить внешний вид объявлений таким образом, чтобы посетители кликали по ним как можно чаще. Поехали.

Настройка внешнего вида объявлений Яндекс Директ

Код вызова объявлений РСЯ, который я вставил в свой шаблон выглядит так:

nastroika obyavlenii1

У Вас некоторые переменные могут отличатся, но это сути дела не меняет.

Теперь давайте разберемся, что нам можно изменять в коде на свое усмотрение, а что трогать ни в коем случаи нельзя.

yandex_partner_id = xxxxxx;

Где xxxxxx- это Ваш идентификационный номер и его изменять нельзя.

yandex_site_bg_color = 'FFFFFF';

В этой строчке указывается цвет фона рекламного блока. Для своего блога я выбрал белый цвет фона, который в программировании имеет цифровое обозначение «#FFFFFF», но в коде от РСЯ решетка спереди не пишется.

Кстати, есть одна классная программка, позволяющая без труда подбирать цвета. Называется она ColorCop, бесплатно скачать ее можно здесь.

colorcop

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

Сегодня я еще не раз буду пользоваться ColorCop для настройки цветов в рекламном блоке Яндекс Директа. Идем дальше.

yandex_site_charset = 'utf-8';

Понятно, что utf8 — это кодировка текста, которую мы указали еще при генерации кода и менять ее не следует. Дело в том, что большинство современных интернет ресурсов использую именно эту кодировку в замен устаревших ASCII, Windows 1251 и т.д. Если изменить кодировку, то есть опасность, что за место текста объявлений могут отображаться кракозябры.

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

yandex_ad_format = 'direct';

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

yandex_font_size = 1;

Это переменная регулирует размер шрифта текста рекламного объявления. Здесь можно менять размер текста, причем изменения коснуться всего блока в том числе и заголовков.

При значении 1, шрифт текста объявления будет равен размеру шрифта, используемого на сайте и рекламный блок будет выглядеть так:

nastroika obyavlenii2

Если поставить значения 2, шрифт текста рекламного блога увеличится пропорционально в 2 раза:

nastroika obyavlenii3

А если поставить значение 3 или 4 и т.д, то шрифт текста станет такого же размера, как и при значении 1:

nastroika obyavlenii4

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

Теперь давайте попробуем сделать текст мельче и для этого подставим значение 0.5:

nastroika obyavlenii5

Я думаю теперь стало понятно, что можно менять размер шрифта относительно значения 1, в большую или меньшую сторону. Идем дальше.

yandex_direct_type = 'flat';

Эта переменная задает вид рекламного блока, который мы выбирали на втором шаге при генерации кода.

Значение flat задает плоский вид рекламного блока:

nastroika obyavlenii7

Если подставить значение horizontal, то рекламный блок станет горизонтальным:

nastroika obyavlenii6

Значение vertical выводит вертикальный блок:

nastroika obyavlenii8

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

Подставив значение auto мы вызовем элементарный рекламный блок:

nastroika obyavlenii9

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

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

Также можно задать фиксированный размер рекламного блока, для этого надо выбрать один из предложенных Яндексом размеров:

nastroika obyavlenii10

Допустим мне подходит рекламный блок с размерами 240х400. Я просто вписываю в переменную yandex_direct_type значение 240х400 и вот что получиться:

nastroika obyavlenii11

В фиксированном блоке, также как и в элементарном, нельзя менять количество объявлений.  При этом конечно есть возможность выбрать другой фиксированный размер баннера, в котором будет больше или меньше строчек.

yandex_direct_limit = 2;

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

Для плоских и горизонтальных блоков можно задать не более 4 объявлений,  а для вертикального баннера не более 9 объявлений.

yandex_direct_title_font_size = 3;

С помощью значений этой переменной можно отдельно от остального текста изменять размер шрифта заголовков в рекламном блоке. Здесь можно использовать значения от 1 до 3 и только целые числа.

Если подставить значение 1, то шрифт заголовков будет мелким, но жирным:

nastroika obyavlenii12

Если ввести значение 2, шрифт заголовков станет крупнее, но при этом пропадет жирность:

nastroika obyavlenii13

А если подставить значение 3, то шрифт станет крупным и жирным:

nastroika obyavlenii2

yandex_direct_header_bg_color = 'FEEAC7';

Это переменная отвечает за цвет фона надписи «Яндекс Директ». Цвет который задан по умолчанию у меня на блоге вообще ни с чем не гармонирует, поэтому я сделаю его белым и поменяю значение FEEAC7 на FFFFFF:

nastroika obyavlenii14

Ну вот, цветного фона как не бывало. С помощью программки ColorCop без труда можно подобрать любой подходящий фон для этой надписи, в зависимости от расцветки сайта.

yandex_direct_title_color = '022D9D';

Вот мы и подошли наверное к самой важной настройке во всем коде Яндекс Директа — это цвет заголовков объявлений.

Почему это так важно я объясню немного позже, а теперь мне надо узнать цвет заголовка в контекстной рекламе от Google AdSense, чтобы задать тот же цвет для заголовков в рекламных блоках от Яндекс Директ.

Для этого я снова воспользуюсь ColorCop и наведу пипетку на одну из букв заголовка:

colorcop1

Как видно на скриншоте, ColorCop определил цвет #0000FF, попробую его применить:

nastroika obyavlenii15

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

yandex_direct_url_color = '006600';

В этой переменной можно задать цвет для ссылок на сайты рекламодателей. Здесь есть один нюанс. На первый взгляд эти ссылки кажутся совершенно лишними и некоторые веб-мастера совершают грубую ошибку, питаясь сделать ссылки на сайты невидимыми, например окрашивая их в белый цвет на белом фоне. За такие действия можно схлопотать БАН от поисковика.

yandex_direct_text_color = '000000';

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

yandex_direct_hover_color = '0066FF';

Переменная, отвечающая за цвет ссылок при наведении.

yandex_direct_favicon = false;

В этой переменной можно разрешить или запретить показ фавиконов сайтов рекламодателей . Значение false запрещает показ фавиконов, а значение true — разрешает.

На этом основные переменные в нашем коде закончились, но к ним при желании можно добавить еще несколько.

yandex_direct_border_type = 'block';

Эта переменная выводит рамку вокруг рекламного блока. С помощью значения block можно вывести общую рамку:

nastroika obyavlenii16

А с помощью значения ad можно обвести рамкой каждое рекламное объявление в блоке:

nastroika obyavlenii17

Надо сказать, что данная переменная не будет работать в фиксированных и элементарных блоках

yandex_direct_border_color = 'FBE5C0';

Эта переменная отвечает за цвет рамки.

yandex_direct_border_radius = true;

С помощью этой переменной можно сделать рамку с закругленными углами.

yandex_font_family = 'arial';

C помощью этой переменной можно менять тип шрифтов объявлений. В арсенале имеется пять шрифтов, такие как: arial, tahoma, courier new, times new roman и verdana (переменная не будет работать в элементарном и фиксированном блоках).

yandex_stat_id = 1;

Наверное одна из самых полезных переменных во всем коде, так как позволяет отслеживать клики по разным рекламным блока. Например, если на сайте размешено 3 рекламных блока, то каждому из них можно присвоить свой номер 1,2 и 3 (так называемые срезы), а потом на площадке ЦОП Profit-Partner во вкладке «Статистика» можно будет посмотреть количество кликов по каждому рекламному блоку за определенный период.

На этом с переменными все, вроде ничего не забыл.

Теперь, как я и обещал мы поговорим о том, как настроить объявления Яндекс Директ, чтобы пользователь захотел кликнуть по ним.

Как сделать объявления Яндекс Директ более кликабельными

Правило №1. Не отделяете рекламные блоки от основного контента различными рамками, черточками, пунктирами и т.д.

Правило №2. Окрашивайте заголовки рекламных блоков в цвет, схожим с цветом основных заголовков на сайте и не надо их делать огромными, этим вы не увеличите количество кликов, а скорее наоборот.

Правило №3. Размер и тип шрифта не должны отличатся от используемых на сайте. Помните, что даже случайный клик пользователя по рекламному объявлению принесет Вам деньги.

Правило №4. Не ленитесь экспериментировать с положением рекламных блоков на странице, не забывая присваивать каждому из них индивидуальный номер (срез) и отслеживайте статистику кликов. На каждый эксперимент надо выделять не меньше 2 недель, чтобы иметь возможность собрать данные по доходу с того или иного рекламного блока.

Правило №5. Вставляйте рекламные блоки в тело статьи. А вот как это сделать я расскажу в своей статье о повышении заработка на контекстной рекламе.

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

Но не стоит опускать руки ибо все, даже самые раскрученные ресурсы, прошли по той же дороги, по которой и Вы сейчас идете. Разница лишь в том, что одни идут к своей цели, преодолевая усталость и непогоду, а другие разуверились в правильности выбранного пути и свернули, оставив свои мечты где там далеко. Успехов!

На сегодня у меня все. Как Вам статья!

С уважением, Виталий Кириллов

Комментарии: 12

  1. Александр:

    Виталий, у Вас, как всегда, все разложено по полочкам. Все четко!
    Хотя вопрос размещения объявлений контекстной рекламы Яндекс Директ для меня пока не актуален, прочел с удовольствием.

    Ответить
  2. Наталья:

    очень точная статья. Спасибо, Виталий. Всё чётко и понятно.

    Ответить
    • Виталий Кириллов:

      Большое и четкое спасибо Вам Наталья! ))

      Ответить
  3. Георгий:

    На самом деле, очень полезная статья!

    Ответить
    • Виталий Кириллов:

      Спасибо Георгий!

      Ответить
  4. Времена года:

    Спасибо, интересная и подробная статья. Возник вопрос по оформлению блоков. Правило №1 — Вы написали не обводить блоки рамками и т.п. Как Вы думаете, если объявления с картинками (сейчас таких много) Яндекс автоматом добавляет полосы типа , может ли увеличить кликабельность обводка всех объявлений в рамки?

    Ответить
    • Виталий Кириллов:

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

      Ответить
  5. Анна:

    Стоит у меня блок рекламы Яндекса, но наверное тематика сайта не подходит под эту рекламу, но буду пробовать тестировать. И еще Виталий скажите пожалуйста — я вставила по вашему совету строчку yandex_stat_id = 1;в рекламные блоки, заменив естественно цифры, а где посмотреть или прописать эти срезы в Профите и как их прописать?

    Ответить
    • Виталий Кириллов:

      На сайте Profit-Partner надо открыть вкладку «Статистика»
      Там есть такая строчка «Показывать срезы», если перед ней поставить галочку, то появится поле для ввода номера среза. Вписываете цифру и жмете «Показать». Отобразится статистика с того или иного рекламного блока.

      Ответить
  6. Анна:

    Виталий большое спасибо — все получилось, все понятно.

    Ответить
  7. Сергей:

    Спасибо автору. Очень полезная статья. Все расписано поэтапно. Вдобавок ко всему мне помог разобраться бесплатный Мини-курс по Быстрой настройке Контекстной Рекламы вот ссылка htt : //ppc-marketing.ru/course/kr/?cpawci=70972

    Ответить
  8. АРТЕМ:

    Спасибо за статью. Настроил Яндекс Директ сразу же, через 2 часа. Теперь заходить по 50 человек каждый день http://irazvitie.com/ и почти ничего не трачу на рекламу.

    Ответить

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

Внимание комментатор! Прежде чем вставить: HTML, JavaScript или PHP код в свой комментарий, преобразуй его в html сущность!

Subscribe without commenting

» Подписаться на комментарии по RSS