Ротация как метод увеличения CTR и конверсии

Сайты, как люди - они рождаются, растут и развиваются. Наполняются материалом, толстеют, жиреют и обрастают солидностями... И вот, рано или поздно - на каждом сайте возникает вопрос об установке ротатора баннеров для экономии места на веб-странице и более компактного её отображения.

Когда пришло время мне устанавливать ротатор баннеров на свой сайт, я выбирал самые простые варианты, справедливо полагая, что истина - она в простоте.

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

Пояснения для кода:

Прим. Данный код я нашёл на сайте online-dohod.ru , где автор утверждает о его подлинности. Чуть-чуть доработал авторский код, добавил от себя теги rel и title.

Бегущий ротатор баннеров имеет более привлекательный вид. В отличие от предыдущего, простейшего ротатора баннеров, этот ротатор показывает баннеры в упорядоченном списке, листая его до бесконечности. В основе работы кода бегущего (листающего) ротатора баннеров лежит тег marquee , который создаёт эффект бегущей строки или перемещения иного объекта по экрану в заданных для него пределах. Например, заключённый в теги marquee текст бегает по странице не далее отведённого ему места.

Код для бегущей строки имеет вид:
Бегущая строка

Что даёт нам бегущая строка?

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

Атрибуты тега marquee

На самом деле, действие тега marquee не ограничивается листанием текста и образует некий контейнер, который позволяет перемещать вверх и вниз (скроллировать) заключенные в него элементы веб-страницы по полю перемещения (скроллирования). При этом, элементы оформления могут быть любыми (изображения, таблицы, формы) и перемещаться вертикально или горизонтально. Эти свойства тега marquee положены в основу работы бегущего (листающего) ротатора баннеров. Единственным недостатком этого ротатора баннеров является тот факт, что тег marquee не входит в спецификацию HTML, что даёт нам невалидный код, который впрочем - прекрасно работает во всех браузерах .

Создаём бегущий ротатор баннеров

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

Смотреть пример работы атрибутов бегущей строки

Здравствуйте, дорогие друзья! Речь сегодня пойдет о ротации. Раньше я почему-то пренебрегал этим словом и собственно самой возможностью ротировать что-либо. Сейчас я объясню как из этого слова можно получить выгоду. Между прочим все достаточно просто.

Во-первых, что такое ротация? В общем смысле - это изменение чего-либо (картинки, текста, баннера) в одном месте. Что нам она может дать? Попробую привести несколько пунктов:

1) Увеличить CTR по баннерам, блокам контекстной рекламе и так далее. Как многие из вас знают, что одна и та же реклама на одном и том же месте замечается посетителем все реже и реже с увеличением количества просмотров страниц. Так вот ротация поможет все время менять рекламу на сайте и заставлять пользователя чаще обращать внимание на нее.

А вы знаете, что:

Общий CTR контекстных объявлений на одном сайте (2 блока объявлений), где я экспериментировал с ротацией увеличился с 4% до 6%.

2) Увеличить конверсию посетителей в деньги, читателей и так далее (про читателей очень косвенно). Этот пункт, конечно, в основном вытекает из первого. Я хотя и не люблю всякого рода навязчивую рекламу, но вот, например, любителям баловаться кликандерами этот пункт поможет увеличить свои заработки.

3) Разнообразить блог (сайт). Буквально завтра-послезавтра я продемонстрирую как благодаря ротации я немного приукрашу свой блог. Здесь лишь бы была фантазия .

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

Несмотря на это я вам сейчас покажу как там все делается. Итак, мои любимые пункты:

• "Description " - это описание баннера, кода контекстной рекламы или картинки (например, adsense-1).
• "HTML Code " - это любой код, который вы хотите ротировать. Например, код вывода адсенс с текстовые объявлениями.
• "Zones " - это зоны, в которых вы хотите выводить ротацию (например, sidebar1). Можно через запятую написать несколько зон.
• "Weight" - это вес. Чем выше вес, тем больше будет показываться объект.
• "Max views" - сколько максимально показывать объект.

6) Для того, чтобы добавить новый рекламный код (например, только графические изображения) проходите полностью пункт "5". В описании ставите, например, adsense-2. Ниже вставляете код адсенса для графических объявлений. Далее указываете ту же зону - в моем примере это sidebar1. Если надо указываете вес и количество просмотров. По желанию повторяете процедуру.

7) Чтобы вставить полученную ротацию в шаблон нужно использовать код , где sidebar1 - это выбранная зона. Можно вставить и просто в пост. Код будет такой .

А вы пользуетесь ротацией или же как и я раньше пренебрегаете ею? Этот инструмент эффективный и его нужно использовать. Может быть, вы знаете еще как можно ее использовать? Буду рад увидеть отзывы и предложения.

P.S. На блоге Александра Кирика kirik.com.ua вы можете найти интересные статьи про продвижение сайта. Также автор затрагивает такие темы оптимизации и аудита интернет-ресурсов.

Заметка: активирована адаптивная версия сайта, которая автоматически подстраивается под небольшой размер Вашего браузера и скрывает некоторые детали сайта для удобства чтения. Приятного просмотра!

Рад снова всех приветствовать на своём блоге, посвящённом созданию и продвижению сайтов, а также дальнейшему заработку на них. В сегодняшнем выпуске Site on! я хочу рассказать вам об очень простом способе самостоятельного создания PHP скрипта, который будет производить смену баннеров (текста или чего-угодно ещё) при каждой перезагрузке страницы. Также вы сможете не просто выводить разные баннеры на одном и том же месте, но и тасовать несколько баннеров между собой, меняя их расположение на странице.

Перезагружаем страницу:

Идея сделать скрипт смены (ротации) баннеров для своего блога возникла, когда я решил, что моим посетителям будет приедаться расположение одних и тех же баннеров на своих местах. Я ценю своих читателей и не засоряю свой блог рекламой, поэтому у меня на сайте всего 2 баннера и оба расположены в самом низу страницы, один баннер – это реклама моего (рекомендую всем прочитать мой обзор и отзыв о безопасном хостинге по ссылке выше), а второй баннер от Гугл. Так вот я решил, что будет лучше, если эти баннеры будут меняться между собой местами, то есть мне захотелось придать небольшого разнообразия:)

Что хочется сказать, перед тем как выложить мой простой, а потому и хороший скрипт ротации на ваше обозрение:

• Он не замедлит загрузку ваших страниц, в отличие от сторонних плагинов, модулей и компонентов.
• Не требователен к ресурсам хостинга.
• В отличие от установки сторонних расширений, не имеет изъянов безопасности.
• Очень прост в понимании и лаконичен в написании.
• Легко встроить в любой шаблон вашей CMS или, к примеру, в модуль Joomla.

Итак, всё, что нам понадобиться, это знание о таком в PHP как и встроенной функции shuffle() , которая перемешивает заданный массив в случайном порядке. Вот конкретный пример как это реализовано на моём сайте: