Функціональні можливості банера, що задаються при додаванні в ADFOX:
# 45; розміри для згорнутого і розгорнутого банера вказується в пікселях або 100%;
# 45; 10 варіантів напрямків рахлопа;
# 45; настройка кількості показів в расхлопнутом вигляді;
# 45; установка швидкості анімації расхлопа і схлопа банера;
# 45; зсув контенту при расхлопе.
Вимоги до HTML коду (для розробників коду)
Підготуйте HTML код, дотримуючись вимог до коду:
1 # 46; Максимально допустима кількість символів в HTML коді - 65 000.
2 # 46; Підключення файлів до HTML коду:
Якщо в HTML коді є спільні файли (js, css, картинки, flash), то замість посилань на файли використовуйте змінні:
Файл 1 - Файл 5. При створенні банера в ADFOX до потрібних змінним менеджер завантажить файли. Посилання на файли будуть підставлені сервером в HTML код за допомогою змінних.
Всі змінні виду% названіе_переменной%, такі як, наприклад,% user1%,% reference%,% target%,% eventHTML1% і т.д. можна використовувати тільки в поле "HTML код". У підключаються файлах, змінні працювати не будуть, замість змінних необхідно використовувати абсолютні посилання.
Приклад підключення js і css файлів:
Якщо файлів більше 5, то можна використовувати абсолютні посилання на файли. При цьому файли повинні бути доступні. Не допускається в коді використовувати відносні шляхи до файлів.
3 # 46; Підрахунок кліків в банері
4 # 46; Підрахунок кліків з декількох посилань в HTML банері
Відповідність посилань і змінних потрібно повідомити менеджеру, додає банер в ADFOX.
5 # 46; Менеджеру, додає банер в систему:
У статистиці по банеру буде вважатися загальна кількість показів і переходів, а у вкладці Події можна отримати дані по переходу безпосередньо з кожного посилання.
Для використання доступні події з 1 по 29. "Подія №30" (event_30) вже використовується в коді шаблону.
6 # 46; Виклик функції расхлопа / схлопа
Функціонал расхлопа / схлопа має на увазі під собою збільшення або зменшення розмірів контейнера для HTML коду.
Отже, зміна весь вміст в контейнері для расхлопа або схлопа здійснюється розробником HTML коду банера.
expandStart - ім'я функції для збільшення розмірів контейнера (для расхлопа банера).
expandEnd - ім'я функції для повернення розмірів контейнера до вихідних (для схлопа банера).
У разі використання подій mouseover і mouseout. рекомендується їх призначати самому елементу iframe в якому знаходиться HTML вміст банера. На рівні цього ж елементу викликати функції схлопа (expandEnd) і расхлопа (expandStart). Викликано це тим, що в деяких випадках дані події призначені елементів всередині iframe, можуть не спрацьовувати при їх настанні.
7 # 46; Якщо в HTML коді використовується тег textarea, необхідно екранувати закриває тег зворотним слеш.
8 # 46; Інформація про контейнері, в який буде вивантажено HTML код банера
На синхронному коді вставки:
На асинхронному коді вставки:
Отримати значення [rnd] в HTML коді банера можна за допомогою змінної
var rnd =% random1% ||% random%
Інструкція з підготовки HTML5, отриманого в Adobe Edge Animate
В Adobe Edge на кнопки для кліка додайте код, де N - номер посилання від 1 до 29:
Вимогах при підготовці расхлопа в Adobe Edge Animate:
1 # 46; необхідно підготувати 1 креатив, який включає в себе елементи схлопа і расхлопа;
2 # 46; шар з елементами расхлопа ставиться вище рівнем, йому задається властивість Display: Off;
3 # 46; розміри Stage повинні бути 100% * 100%;
Код на кнопці расхлопа:
де ExpandState - назва елементів, які повинні здатися при расхлопе.
Код на кнопці схлопа:
Проект, створений в Adobe Edge Animate включає наступний набір файлів:
В отриманих файлах необхідно внести наступні зміни:
Детальніше
1 # 46; Відкрийте основний HTML файл [Ім'я проекту] .html в блокноті.
В Adobe Edge на кнопки додається код.
В HTML код банера, після тега