BackOver
1. Карточка баннера
Описание:
по наведению на баннер курсора мыши меняется фон веб-страницы.
Тип кода:
Poster, Ajax, JavaScript, Extension.
Подробнее:
по наведению курсора мыши на баннер меняется фон веб-страницы. По клику на баннере происходит переход на сайт рекламодателя. Фон не кликабельный. Баннер представляет собой обычный Flash-баннер нужного размера.
Примечание: В случае необходимости показывать баннер при доскролле до баннерного места, можно воспользоваться кодом Poster или специальным кодом Ajax. В остальных случаях используйте стандартные коды Ajax или Extension.
2. Подготовка баннера
Подготовьте Flash-ролик и фоновое изображение gif или jpeg.
Flash-ролик должен соответствовать спецификации.
2.1. Скрипт для BackOver на кодах JavaScript / Extension / Poster
- Распакуйте пример.
-
Откройте текстовым редактором файл 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. Если не нужен, оставьте пустым
- Сохраните script.js. Баннер готов к загрузке.
- Размер загружаемых файлов должен соответствовать спецификации.
2.2. Скрипт для BackOver на коде Ajax
- Распакуйте пример
-
Откройте текстовым редактором файл 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
вызов стороннего счётчика (если не нужен, оставьте пустым)
- Сохраните файл script.js. Баннер готов к загрузке.
- Размер загружаемых файлов должен соответствовать спецификации.
3. Загрузка баннера
- Подготовьте баннер согласно п. 2 инструкции.
-
Добавьте баннер:
- для баннеров на коде AjaxJS — special—>AjaxJS—>Generic AjaxJS
- для баннеров на коде Poster — special—>poster—>generic-poster
- для баннеров на коде Extension — special—>extension—>generic-extension
- для баннеров на коде JavaScript — special—>javascript—>JavaScript
- Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости, укажите другие параметры.
- Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
- Включите баннер (галочка Вкл.), укажите распределение в течение дня, задайте необходимые ограничения по количеству показов/кликов. При необходимости, настройте другие параметры. Для сохранения введенных настроек нажмите на кнопку Сохранить.
- Кликните по ссылке Загрузить баннер.
- Выберите с помощью кнопки Обзор все файлы баннера. Заполните указанные поля.
- Нажмите на кнопку Загрузить.