adobe animate HMTL5 Выгрузка в google ads. Какие правки нужны
Primary tabs
В Adobe Animate до выгрузки:
- При выгрузке в html 5 снимаем галочку Hosted Libs, так чтобы create.min.js оказался в выгрузке на диске, а не грузился по сети
После выгрузки проекта делаем так:
- В основном .html файле исправим адрес получения анимационного скрипта с вида
<script src="300x250_banner.js?5324546456456 "></script>
просто на:
<script src="300x250_banner.js"></script>
- В основном .html файле в секцию head добавим:
<meta name="ad.size" content="width=300,height=250">
(в соответствии с размерами вашего баннера , выше пример для конкретного размера 320x250)
В итоге это будет выглядеть как-то так:<head> <meta charset="UTF-8"> <meta name="authoring-tool" content="Adobe_Animate_CC"> <meta name="ad.size" content="width=300,height=250"> <title>300x250_banner</title> <!-- write your code here -->
- В основном .html файле определим переменную clickTag также в секции head, для чего добавим туда код:
<script type="text/javascript"> var clickTag = "КАКАЯТОССЫЛКА"; </script>
После чего с учетом предыдущего код будет выглядеть как-то так:
<head> <meta charset="UTF-8"> <meta name="authoring-tool" content="Adobe_Animate_CC"> <meta name="ad.size" content="width=300,height=250"> <title>300x250_banner</title> <!-- write your code here --> <script type="text/javascript"> var clickTag = "КАКАЯТОССЫЛКА"; </script>
где КАКАЯТОССЫЛКА может быть установлена, напр. в значение (окруженное кавычками):
http://www.google.com - В файле libs/1.0.0/create.min.js найдем и удалим подстроку "canvas_" и следующий за ней плюс
так что было так (фрагмент):src="canvas_"+this._lastTrackedCanvas++
а стало так (фрагмент):
src=this._lastTrackedCanvas++
(эта правка позволяет побороть такую ошибку, благодарим за идею по этой правке автора jakel@claxon.agency этой заметки)
- Сохраняем то, что редактировали и архивируем в .zip все файлы выгрузки нашего баннера.
- Проверяем в валидаторе
и вот тут есть важный момент, на домене есть два валидатора (как минимум):- для dcm: https://h5validator.appspot.com/dcm/asset
- для adwords: https://h5validator.appspot.com/adwords/...
Выберите нужный вам вариант, в нашем случае мы смогли загрузить архив в рекламный кабинет только после прохождения проверки для adwords.
(если этот валидатор пропускает ваш баннер без ошибок, а кабинет в следующем пукте этой инструкции продолжает выдавать ошибку - поэкспериментируйте с включением и выключением галочки "Select for App Campaigns" - чтобы проверка была более строгой и искалось больше ошибок)
- Если в предыдущем пункте ошибок нет - то можно загружать "креатив" в рекламный кабинет гугл ;)
Правки основного файла .html
Правка create.min.js
Проверка архива валидатором
- Log in to post comments
- 2902 reads
vedro-compota
Thu, 03/25/2021 - 20:55
Permalink
Ошибка: В наборе рекламных материалов нет основной точки входа
На практике это решилось добавлением в head такого мета-тэга:
Для баннера размером 300x250.
_____________
матфак вгу и остальная классика =)
vedro-compota
Thu, 03/25/2021 - 20:55
Permalink
Ошибка INVALID_URL_REFERENCE: canvas_
в валидаторе:
в рекламном кабинете ошибка соответствует сообщению:
Ошибка возникает при использовать create.min.js выгруженного из Adobe Animate.
см. решение в основной заметке выше.
_____________
матфак вгу и остальная классика =)
vedro-compota
Thu, 03/25/2021 - 21:50
Permalink
Автоматическая конвертация из adobe animate
Сайт https://animate2display.dk/ судя по всему сделан с этой целью, но нам не помог (м.б. сделан для другого типа рекламы).
В детали не вдавались.
_____________
матфак вгу и остальная классика =)