Главная   ·   Справка   ·   Справка баннеры   ·   Спецификации   ·   PictContext

PictContext

  1. Карточка баннера
  2. Подготовка баннера
  3. Загрузка баннера
  4. Полезные ссылки

1. Карточка баннера

Описание:
баннер – пиктограмма, отображающийся по ключевому слову.
Тип кода:
Ajax.
Подробнее:
PictContext ищет заданные слова на странице сайта и вставляет рядом с ними пиктограмму. По наведению на пиктограмму курсора мыши появляется баннер, по которому можно кликнуть. Сам баннер представляет собой обычный HTML-баннер. Баннер состоит из следующих компонент:
  • пиктограмма — изображение (gif, jpeg, png) небольшого размера
  • index.html, а также дополнительно может включать файлы изображений, flash-роликов и др.
  • файл script.js

2. Подготовка баннера

  1. Подготовьте HTML-баннер. Вы можете воспользоваться инструкцией к HTML-баннеру
  2. Распакуйте пример. Откройте текстовым редактором файл script.js. Внесите изменения в верхнюю часть скрипта, отмеченную как Editable block: 
    var ar_text	       = ['AdRiver', '%u0440%u0443%u043A%u043E%u0432%u043E%u0434%u0441%u0442%u0432%u043E'];
var ar_img	       = '1.gif';
var ar_align	   = 'text-top'; // text-bottom, top, bottom, middle, inherit, baseline, sub, super
var ar_width	   = '100';
var ar_height	   = '100';
var ar_html	       = 'banner.html'; // if empty then index.html
var ar_ignoreCase  = false; // ignore text case, false by default
var ar_hideTime	   = 1000; // in milliseconds
var ar_count	   = 5;

    Переменные:

ar_text
слово для поиска. Может содержать целую фразу. Для поиска нескольких слов введите их через запятую в кавычках, как в примере. Если поиск осуществляется по одному слову, то оставьте только его, например, вот так: [‘AdRiver’]. Поиск осуществляется строго с учётом формы слов. Если слово для поиска содержит кириллицу, то его следует закодировать.
ar_img
имя изображения — пиктограммы. Укажите ваше имя файла
ar_align
выравнивание пиктограммы относительно текста. Может принимать следующие значения:
text-top
верхняя граница пиктограммы выравнивается по самому высокому текстовому элементу текущей строки
text-bottom
нижняя граница пиктограммы выравнивается по самому нижнему краю текущей строки
top
верхний край пиктограммы выравнивается по верху самого высокого элемента строки
bottom
основание пиктограммы выравнивается по нижней части элемента строки, расположенного ниже всех
middle
средняя точка пиктограммы выравнивается по базовой линии родительского элемента плюс половина высоты родительского элемента
inherit
наследовать стиль родительского элемента
baseline
базовая линия пиктограммы выравнивается по базовой линии родительского элемента. Если родительский элемент не имеет базовой линии, то за неё принимается нижняя граница элемента
sub
пиктограмма изображается как подстрочный элемент, в виде нижнего индекса. Размер шрифта при этом не меняется
super
пиктограмма изображается как надстрочный элемент, в виде верхнего индекса. Размер шрифта остается прежним
ar_width
ширина HTML-баннера
ar_height
высота HTML-баннера
ar_html
имя файла HTML-баннера. Если имя баннера index.html, то оставьте пустым, иначе укажите ваше имя файла
ar_ignoreCase
параметр для управления точным соответствием регистра букв в искомой фразе. Может принимать следующие значения:
false
поиск осуществляется строго с учётом регистра
true
поиск осуществляется без учёта регистра

Примечание: Если установлено значение true, то по заданному слову Шина могут быть найдены слова машина, машинально и другие, которые содержат заданное сочетание шина без учёта регистра.

ar_hideTime
время, в течение которого показывается HTML-баннер, после того, как с него увели курсор мыши (в миллисекундах)
ar_count
количество слов, рядом с которыми нужно вставлять пиктограмму. Если надо найти все слова на странице, то впишите 0
  1. Сохраните файл script.js. Баннер готов к загрузке.

Примечание: Баннер не отображается в браузере Opera. Также возможна некорректная работа баннера в браузерах Chrome и Safari, поэтому рекомендуем настраивать таргетинг по браузерам и операционным системам.

Примечание: При очень большом объёме страницы и большом количестве слов для поиска может возрасти нагрузка на браузер, что может привести к автоматической прокрутке страницы в браузере Firefox.

3. Загрузка баннера

  1. Подготовьте баннер согласно п. 2 инструкции.
  2. Добавьте баннер special—>AjaxJS—>Generic AjaxJS
  3. Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости, укажите другие параметры.
  4. Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
  5. Включите баннер (галочка Вкл.), укажите распределение в течение дня, задайте необходимые ограничения по количеству показов/кликов. При необходимости, настройте другие параметры. Для сохранения введенных настроек нажмите на кнопку Сохранить.
  6. Кликните по ссылке Загрузить баннер.
  7. Выберите с помощью кнопки Обзор все файлы баннера.
  8. Нажмите на кнопку Загрузить.

Размер файлов должен соответствовать спецификации.

4. Полезные ссылки