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

BackOver

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

Описание:
по наведению на баннер курсора мыши меняется фон веб-страницы.
Тип кода:
Poster, Ajax, JavaScript, Extension.
Примеры:
BackOver на коде Extension, BackOver на коде Ajax.
Подробнее:
по наведению курсора мыши на баннер меняется фон веб-страницы. По клику на баннере происходит переход на сайт рекламодателя. Фон не кликабельный. Баннер представляет собой обычный Flash-баннер нужного размера.
Обсчёт внешними системами:

Примечание: в случае необходимости показывать баннер при доскролле до баннерного места, можно воспользоваться кодом Poster или специальным кодом Ajax. В остальных случаях используйте стандартные коды Ajax или Extension.

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

Подготовьте Flash-ролик и фоновое изображение gif или jpeg.

Flash-ролик должен соответствовать спецификации.

2.1. Скрипт для BackOver на кодах JavaScript / Extension / Poster

  1. Распакуйте пример.
  2. Откройте текстовым редактором файл script.js. Внесите изменения только в верхнюю часть скрипта, отмеченную как Editable block:
    var flashname     = 'slwPromo.swf';
    var ar_width      = '400';
    var ar_height     = '60';
    var ar_flashver   = '5';
    var gifname       = '';
    var ar_wmode      = 'opaque';
    var ar_alt_link   = '';
    var ar_zeropixel  = '';
    var ar_back	      = 'back.gif';
    var ar_back_color = '#262625';

    Переменные:

    flashname
    имя Flash-ролика. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае загружать его в систему не придется
    ar_width
    ширина Flash-ролика. Впишите ваше значение в (пикселях) px
    ar_height
    высота Flash-ролика. Впишите ваше значение в (пикселях) px
    ar_flashver
    минимальная версия Flash-плагина, которая необходима посетителю для просмотра Flash-ролика. Проверяйте соответствие Flash-плагина и ролика
    gifname
    имя заглушки. Впишите ваше имя файла. Если заглушка должна загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае загружать её в систему не придется
    ar_wmode
    прозрачность. Может принимать следующие значения:
    transparent
    прозрачный — делает прозрачными области Flash-ролика, не заполненные графикой, сквозь прозрачный фон видны другие элементы страницы
    opaque
    непрозрачный — все области Flash-ролика становятся непрозрачными (значение по умолчанию), Flash-ролик перекрывает другие элементы страницы
    window
    в своём окне — Flash-ролик отображается в самом верхнем слое (в собственном окне), независимо от прочего контента на странице
    ar_alt_link
    альтернативный клик по заглушке (если не нужен, оставьте пустым)
    ar_zeropixel
    вызов стороннего счётчика (если не нужен, оставьте пустым)
    ar_back
    имя фонового изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В этом случае загружать его в систему не придется
    ar_back_color
    цвет фона. Впишите ваше значение в RGB. Если не нужен, оставьте пустым
  3. Сохраните script.js. Баннер готов к загрузке.
  4. Размер загружаемых файлов должен соответствовать спецификации.

2.2. Скрипт для BackOver на коде Ajax

  1. Распакуйте пример
  2. Откройте текстовым редактором файл script.js. Внесите изменения в верхнюю часть скрипта, отмеченную как Editable block:
    var ar_swf		    = 'slwPromo.swf';
    var ar_img		    = 'slw.gif';
    var ar_width		= '400';
    var ar_height		= '60';
    var ar_flashver		= '8';
    var ar_wmode		= 'opaque';
    var ar_back		    = 'back.gif';
    var ar_back_color	= '#262625';
    var ar_alt_link		= '';
    var ar_zeropixel	= '';

    Переменные:

    ar_swf
    имя Flash-ролика. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае загружать его в систему не придется
    ar_img
    имя заглушки. Впишите ваше имя файла. Если заглушка должна загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае загружать её в систему не придется
    ar_width
    ширина Flash-ролика и заглушки. Впишите ваше значение в (пикселях) px
    ar_height
    высота Flash-ролика и заглушки. Впишите ваше значение в (пикселях) px
    ar_flashver
    минимальная версия Flash-плагина, которая необходима посетителю для просмотра Flash-ролика
    ar_wmode
    прозрачность. Может принимать следующие значения:
    transparent
    прозрачный — делает прозрачными области Flash-ролика, не заполненные графикой, сквозь прозрачный фон видны другие элементы страницы
    opaque
    непрозрачный — все области Flash-ролика становятся непрозрачными (значение по умолчанию), Flash-ролик перекрывает другие элементы страницы
    window
    в своём окне — Flash-ролик отображается в самом верхнем слое (в собственном окне), независимо от прочего контента на странице
    ar_back
    имя фонового изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В этом случае загружать его в систему не придется
    ar_back_color
    цвет фона. Впишите ваше значение в RGB. Если не нужен, оставьте пустым
    ar_alt_link
    альтернативный клик по заглушке (если не нужен, оставьте пустым)
    ar_zeropixel
    вызов стороннего счётчика (если не нужен, оставьте пустым)
  3. Сохраните файл script.js. Баннер готов к загрузке.
  4. Размер загружаемых файлов должен соответствовать спецификации.

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

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

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

 

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

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