Создание баннера 100%х250рх в Adobe Animate CC

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

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

1. Создать HTML5 Canvas документ 2000x250px.

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

3. Применить шаблон ADFOX.

Шаблоны расчитаны на ширину документа 2000рх. и любую высоту.
Скачать шаблон.

Код данного шаблона можно брать за основу при создании креативов в редакторе Adobe Animate CC для ширины 100%, высоты любые.

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

«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. Создать архив для размещения.

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