Ротация как метод увеличения CTR и конверсии
Сайты, как люди - они рождаются, растут и развиваются. Наполняются материалом, толстеют, жиреют и обрастают солидностями... И вот, рано или поздно - на каждом сайте возникает вопрос об установке ротатора баннеров для экономии места на веб-странице и более компактного её отображения.
Когда пришло время мне устанавливать ротатор баннеров на свой сайт, я выбирал самые простые варианты, справедливо полагая, что истина - она в простоте.
Простейший ротатор баннеровПростейший ротатор показывает баннеры в произвольном порядке, каждый раз изменяя отображаемую картинку при открытии или обновлении (кнопка F5) страницы браузера. Показ (ротация) баннеров в случайном порядке иногда приводит к повторению одних картинок и игнорированию других, что особенно заметно при частом обновлении (кнопка F5) страницы. Если этим дефектом пренебречь, то в целом - это довольно простой и неплохой ротатор баннеров. Для установки этого ротатора баннеров надо установить в нужное место страницы этот код:
|
Пояснения для кода:
Параметры ссылок и картинок
простейшего ротатора баннеров
|
Параметры скрипта простейшего ротатора баннеров
Если потребуется добавить в простейший ротатор больше баннеров, то - нужно увеличить количество строк со ссылками на баннеры, вида banner[n] - до необходимого количества. Т.е., нужно добавить строки со ссылками на баннеры, вида banner, banner, banner и т.д. При этом, ОБЯЗАТЕЛЬНО! - в нижней строке кода, вида var n=~~(Math.random()*3); вместо числа «3» нужно указать свое количество баннеров. Указывание количества баннеров в строке кода, вида var n=~~(Math.random()*3); принципиально важно, поскольку здесь указывается поле чисел (пределы массива) для выбора номера случайного баннера (в данном случае - от 1 до 3). Если это поле не изменить, то добавленные баннеры не будут показываться (находиться вне поля выбора). |
Прим. Данный код я нашёл на сайте 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() , которая перемешивает заданный массив в случайном порядке. Вот конкретный пример как это реализовано на моём сайте: