Повышаем CTR с помощью CSS3

Рубрика: Скрипты, плагины и программы | 26 февраля 2011 | Автор: Жук

В последнее время я немного экспериментировал с рекламным движком Daos. Для тех, кто не знает, что такое Daos, просто оставлю ссылку на описание сего чуда. Если в двух словах, Даос — это php скрипт для продажи рекламы на блоге.

Для экспериментов у меня есть целых три блога: Блог в помощь блоггерам, блог 7 раздолбаев и блог Записки Жука.

На первом из них (ctrlc.ru) держится отличный CTR за счет того, что блок рекламы отлично вписывается в дизайн и привлекает внимание посетителей. Даже несмотря на то, что цена рекламы там достаточно велика, рекламодатели все равно покупают место в ротации, а некоторые даже возвращаются за добавкой.

ctrlc

Со вторым (7bloggers.ru) ситуация диаметрально противоположная. Цена маленькая, но и CTR по моим субъективным ощущениям ужасно низкий. И как мне кажется, все дело в «размытости» дизайна. Тема WordPress, которая там стоит покупная, навороченная и очень замороченная. В общем, я боюсь даже залезать в ее код, а рекламный блог за счет «размытости», не привлекает должного внимания.

7bloggers

А вот на Жуке (webbug.ru) можно было и повоевать за CTR. Первоначально, когда блок рекламы был стандартного вида, CTR был достаточно низкий — явно меньше 1%. Чтобы как-то изменить ситуацию,  я принялся экспериментировать с разметкой. В такие моменты сразу понимаешь, чего не хватает той же контекстной рекламе для эффективности. Если забегать вперед повествования, то можно с уверенностью заявить, что CTR я повысил.

webbug.ru

Что я делал, чтобы повысить CTR:

1. Подобрал бросающиеся в глаза цвета background’a и симпатичный фоны для того же background’a. Второе можно стащить с других блогов, где висит Daos, или же загуглить «background pattern«.

2. Поигрался с CSS. В самом движке я копаться не стал, так как потом при каждом обновлении нужно будет проделывать одну и ту же работу каждый раз. Но зато у нас есть блок #daos, с которым можно творить все что угодно.

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

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

Затем добавил тень, чтобы лучше выделить рекламный блок:

-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;

И напоследок добавил трансформацию, чтобы рекламный блок дергался при наведении на него:

#daos:hover {
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-o-transform: translateY(2px);
}

3. По совету Тормоза сделал рекламную ссылку подчеркнутой

Вот такие несложные с виду действия, которые не заняли у меня более часа работы, повысили CTR примерно на 0.5-1%. Так что CSS3 + мозги по прежнему рулят.

Тэги: , ,

Уже 14 комментариев. Оставь свой...

  • Andrew

    Наведя на рекламный блок, думал что дерганье — это баг, а дочитав пост до конца все стало ясно

  • Андрей

    А у меня не дергается. Как ощутить спецэфект? =)

  • Андрей

    мазила

  • Андрей

    Во.. увидил. Обновил мозилу

  • Тормоз

    Я думаю дёрганье никакой лепты не вносит в CTR, только раздражение у людей вызывает.

  • bassay

    Может пригодиться….
    -khtml-border-radius: 15px; /* Linux browsers */

  • Профит

    меня мозила и последенй версии, но не дёргается ничего :(

  • Sibluder

    Интересно, нужно попробовать это движок.

  • Adonyx

    К сожалению, люди у нас упорно сидят на старых версиях браузеров и ни в какую не хотят обновляться. Лень-матушка, видите ли.
    %)
    А на самом то деле — 5 минут и готово. И наслаждайся!!!

    ЗЫ: хотя, подергивания действительно не лучший выбор. Есть другие способы. Но CSS3 рулит!

  • wildt

    Лучше место подергивание на hover повесить другой фон (чтобы окраску приобретал, либо контрастность менялась) ;)

  • Igorleto

    на мой взгляд у Вас реклама вполне заметная! Сколько я не пытался настроить у себя рекламу от бегуна — все тщетно, CTR меньше процента всегда был. Может быть Ваши рекомендации помогут…

  • павел

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

  • Olli

    Тоже недавно ставила увеличение при наведении мышки, но быстро сняла. ИМХО — сильно раздражительно для глаза. Лично я бы не стала кликать на такой рекламе, даже если заинтересовалась бы первоначально.

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