BackOver



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

Описание:
по наведению на баннер курсора мыши меняется фон веб-страницы.
Тип кода:
Poster, Ajax, JavaScript, Extension.
Подробнее:
по наведению курсора мыши на баннер меняется фон веб-страницы. По клику на баннере происходит переход на сайт рекламодателя. Фон не кликабельный. Баннер представляет собой обычный 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. Если не нужен, оставьте пустым
  1. Сохраните script.js. Баннер готов к загрузке.
  2. Размер загружаемых файлов должен соответствовать спецификации.

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
вызов стороннего счётчика (если не нужен, оставьте пустым)
  1. Сохраните файл script.js. Баннер готов к загрузке.
  2. Размер загружаемых файлов должен соответствовать спецификации.

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. Полезные ссылки