21 января 2008 ~ 6 Комментариев

Увеличиваем ctr в «Директ»

Заметил такую закономерность, мало блогеров переходят на «конкретику», а просто сиськи мнут ходят вокруг да около, мусолят одни и теже темы.

—Фу как противно!

Я же попробую быть вне формата и проливать лучик света на нашу родную блогосферу. Пролог закончен.


И так, начнем, для начала поставим себя на место «среднестатистического посетителя» сайта, заходит он и видит следующие:

Прошу не хаить мои криво-макеты сайтов!

site1.png

Куда же устремлен его взгляд в первую очередь?

Конечно! В первую очередь он читает заголовок, потом переходит к содержанию.

По моим наблюдениям самое выгодное место в данном случае это место ниже заголовка:

site2.png

Так-то!

Да простит меня Директ...

А теперь переходим к конкретике, пошаговая настройка оформления обьявлений моими глазами:

Этап 0.

dir0.png

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

Этап 1.

dir1.png

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

Этап 2.

dir2.png

Я подкорректировал блоки: убрал рамки, фон объявлений, подобрал цвета.

Вы видите? Обьявления отображаются с отступом.

Так вот обрамляем наши объявления с помощью div-блоков следующим образом:

<div id="ads">
Код Директа
</div>

В css пишем следующие:

#ads {
margin-left:-8px;
}

Этап 3.

dir31.png

Неплохо правда? Но почему бы заголовкам объявлений не придать вид заголовка страницы?

Делаем это опять же с помощью css:

#ads .ad-link a {
/* Убираем жирность */
font-weight:normal !important;
/* Убираем нижнее подчеркивание */
text-decoration:none !important;
/* Добавляем подчеркивание аналогичное заголовку */
border-bottom:1px dashed #87855F !important;
/* Увеличиваем шрифт */
font-size:1.4em !important;
/* Выравниваем */
line-height:normal !important;
}
#ads .y5_black, #ads .y5_h a {
color:#FFFFFF !important;
/* Делаем надпись Я.Директ белой */
}

Готово! Любуемся:

dir4.png

—Вас еще не выгнали с директа?

—Тогда мы идем к вам!

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

6 Комментариев для “Увеличиваем ctr в &laquo;Директ&raquo;”

  1. Revan 22 марта 2008 at 4:02 Permalink

    Насколько я понимаю, у Вас не так много сайтов для эксперимента, поэтому могу просто предложить лично Вам такую идею:
    Попробуйте, переделать вот так:
    а) не 4, а 1, максимум два объявления.
    б) Сделать шрифт больше (где-то на 0.15)
    в) Комментарии по поводу исчезания подчеркивания итд думаю не буду говорить =)))

    С уважением, Прокофьев Александр

  2. Я собственной персоной 22 марта 2008 at 11:49 Permalink

    а) Я сделал 4 объявления исключительно, для того что-бы показать визуально как это выглядит, это не играет особой роли.

    б) Да ну, куда уж больше.

    в) Ну я ничаяно :)

    г) Спасибо за комментарий! С уважением, Я.

  3. Roden 27 марта 2008 at 5:03 Permalink

    ну что, забавно весьма :)
    спасибо от лица РСЯ!

  4. hyper 27 марта 2008 at 6:27 Permalink

    Самое первое было лучше. Я сначала подумал, что вы превратили рекламу директа в тэги – вот это было бы весьма забавно.

  5. Я собственной персоной 27 марта 2008 at 13:21 Permalink

    hyper Сделать рекламу тегами вполне реально, с помощью css + javascript — только вот РСЯ не простит :)

  6. Стас 16 апреля 2008 at 13:43 Permalink

    на сайте http://shashlik.info/
    по центру реализован более эффективный приём.
    Там таблица, 2 столба, в левом столбе 3 ячейки в каждой из которых рендомом меняются картинки, в правом столбце одна ячейка куда и суётся код директа…


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