Banners: Баннеры

Данный компонент позволяет гибко упралять баннерами, собирать статистику просмотров и кликов. Рассмотрим основные аспекты использования данного компонента.

Баннерные места

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

  %banner{код_баннерного_места}

У баннерного места можно задать ширину и высоту. В этом случае баннер будет выводиться в контейнере с соответствующими css-свойствами.

Так же у баннерного места есть несколько режимов отображения:

• INLINE - баннер отображается в простом контейнере
• IFRAME - баннер отображается посредством iframe
• AJAX - при загрузке, в коде страницы присутствует лишь контейнер, а после загрузки страницы, в контейнер, с помощью ajax, подгружается код баннера

Шаблоны

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

<a href="%{url}" title="%{alt}" target="_blank"><img src="/%{img}" width="%{width}" height="%{height}" alt="%{alt}"></a>

Мы видим, что выводится будет ссылка с изображением внутри и, что для полной настройки данного баннера нам нужны следующие поля: url ссылки, title ссылки и alt изображения, url, высоту и ширину изображения. Для этого в Поля мы добавляем следующий код:

  img = {
      сaption = Изображение
      type = image
  }
  alt = {
      сaption = Альтернативный текст
      type = input
  }

По сути, это описание полей для отображения в админском контроллере(Table), так что можно использовать все соответствующие типы и настройки CMS.Fields. Но следует учесть, что использоваться для подстановки в шаблон будет значение поля, а не результат его рендера. Например, для типа image значением является путь к файлу(/path/to/image), а не html(<img src="/path/to/image" />).

Теперь, при добавлении/редактировании баннера мы сможем загрузить изображение и установить текст для alt и title. Ссылка для баннера есть в редактировании баннера по умолчанию, а значения ширины и высоты будут применяться из настроек баннерного места, к которому будет привязан баннер.

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

Настройка баннера

При добавлении нового баннера можно задать баннерное место, шаблон, название(нужно только для админа) и ссылка. Остальные поля появятся после добавления, рассмотрим основные из них:

• Приоритет - на основе этого параметра вычисляется частота показа конкретного баннера в ротации. Чем больше число, тем чаще он будет отображаться.
• Ограничение по показам - можно задать какое кол-во раз баннер отобразиться на сайте
• Даты старта и окончания - баннер будет показываться только в этом временном интервале
• Правила показа - настройка отображения баннеров на определенных страницах. Синтаксис аналогичен robots.txt. Пример заполнения:

  Disallow: /catalog/*
  Allow: /catalog/doors/*

Таким образом, баннер будет отображаться на все страницах сайта, кроме разделов каталога (/catalog/*), но в разделе каталога двери (/catalog/doors/*), баннер так же будет показываться.

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

Запретить показ баннера на всех страницах сайта можно с помощью ключевого слова all.

Disallow: all // отключить показ на всех страницах сайта
Allow: /catalog/doors/* //показать баннер только в данном разделе

Статистика

При показе баннеров собирается статистика. Просмотреть её можно в админе, в режиме "Баннеры". Колонки Показов и Кликов отображают данные за все время показа баннеров, на основе этих данных вычисляется CTR. Если нужна статистика показов и кликов по отдельному баннеру по дням, то можно перейти по ссылке "просмотр" в колонке "статистика". В этом режиме так же доступна выборка по определенным временным интервалам.

Настройка компонента

Большое количество рекламы в интернете заставляет пользователей пользоваться различными плагинами, которые скрывают рекламные блоки при просмотре сайта(например, AdBlock). Иногда они принимает за рекламные блоки, те html-элементы, у которых в классе, id или url ссылки или изображения встречается слово "banner". У нас в компоненте по умолчанию это слово встречается во-первых в url ссылки с баннера, а во-вторых в url изображения. Для того, чтобы решить эту проблему в настройках компонента можно указать следующие параметры:

  Core::configure(array(
      'Component.Banners' => array(
          'path' => '/something/',
          'banners_dir' => 'files/something'
      )
  ));

где path - это префикс для всех служебных url-адресов компонента, а banners_dir - это директория, в которой будут храниться файлы, сохраненные компонентом(изображения, флеш-ролики и тд).