AdRiver - система управления интернет-рекламой
О компании Справочное руководство Вход в систему
Рекламным агентствам  AdRiver DSP 
Владельцам сайтов  AdRiver SSP 
Управление рекламой

PictContext

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

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

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

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

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

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

4. Ограничения на размер загружаемых файлов в системе AdRiver

 

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

Последнее обновление: 11.04.2016