Создание баннера 300х500рх в Adobe Animate CC

Для создания баннера размером 300x500px. в Adobe Animate CC (по требованиям ADFOX),  необходимо сделать следующее:

Прочитать требования ADFOX https://specs.adfox.ru/page/289/

1. Создать HTML5 Canvas документ 500x300 px.

2. Создать анимацию, креатив.

3. Применить шаблон ADFOX. 
Шаблоны расчитаны на любой фиксированный размер баннера.
Скачать шаблон баннера ADFOX.

Скачать шаблон баннера ADFOX

Код данного шаблона можно брать за основу при создании креативов в редакторе.

Для того чтобы применить шаблон к проекту в настройках публикации выберите

«Advanced Publish Settings → Import New…».

4. Сделать всю область баннера кликабильной.

Чтобы вся область баннера была кликабельна и имела одну ссылку для перехода, добавьте в первом кадре анимации код:

if (typeof(this.stopCycle) == "undefined") {
           canvas.style.cursor = "pointer";
   canvas.addEventListener("click", function (e) {
        window.callClick();
    });
    this.stopCycle = true;
}

5. Открыть баннер для предпросмотра в браузере.

(Ctrl-Enter | Cmd-Enter)

По клику на баннере должно открыться новое окно с ошибкой 404.

При этом в строке браузера должен оказаться адрес такого типа:

http://127.0.0.1:8090/%request.reference%@%banner.user1%

6. Сохранить и опубликовать баннер. 

  • При предпросмотре проекта в браузере через (Ctrl-Enter | Cmd-Enter) к ссылкам в названиях файлов в HTML дописываются рандомные значения вида ?1468231208369. Такие значения должны быть исключены из проекта при его загрузке в ADFOX.
  • Для этого, финальный проект в редакторе должен быть опубликован через File → Publish Settings → Publish (Shift-Ctrl-F12 | Alt-Shift-F12).

File → Publish Settings → Publish (Shift-Ctrl-F12 | Alt-Shift-F12)

7. Создать архив для размещения.

При передаче баннера менеджеру необходимо предоставить ссылку для перехода