adobe animate HMTL5 Выгрузка в google ads. Какие правки нужны

В Adobe Animate до выгрузки:

  • При выгрузке в html 5 снимаем галочку Hosted Libs, так чтобы create.min.js оказался в выгрузке на диске, а не грузился по сети

После выгрузки проекта делаем так:

    Правки основного файла .html

  1. В основном .html файле исправим адрес получения анимационного скрипта с вида
    <script src="300x250_banner.js?5324546456456 "></script>

    просто на:

    <script src="300x250_banner.js"></script>
  2. В основном .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 -->
    
  3. В основном .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

  4. Правка create.min.js

  5. В файле libs/1.0.0/create.min.js найдем и удалим подстроку "canvas_" и следующий за ней плюс
    так что было так (фрагмент):
    src="canvas_"+this._lastTrackedCanvas++

    а стало так (фрагмент):

    src=this._lastTrackedCanvas++

    (эта правка позволяет побороть такую ошибку, благодарим за идею по этой правке автора jakel@claxon.agency этой заметки)

  6. Сохраняем то, что редактировали и архивируем в .zip все файлы выгрузки нашего баннера.
  7. Проверка архива валидатором

  8. Проверяем в валидаторе
    и вот тут есть важный момент, на домене есть два валидатора (как минимум):

    Выберите нужный вам вариант, в нашем случае мы смогли загрузить архив в рекламный кабинет только после прохождения проверки для adwords.

    (если этот валидатор пропускает ваш баннер без ошибок, а кабинет в следующем пукте этой инструкции продолжает выдавать ошибку - поэкспериментируйте с включением и выключением галочки "Select for App Campaigns" - чтобы проверка была более строгой и искалось больше ошибок)

  9. Если в предыдущем пункте ошибок нет - то можно загружать "креатив" в рекламный кабинет гугл ;)
vedro-compota's picture

В наборе рекламных материалов нет основной точки входа

На практике это решилось добавлением в head такого мета-тэга:

<meta name="ad.size" content="width=300,height=250">

Для баннера размером 300x250.

_____________
матфак вгу и остальная классика =)

vedro-compota's picture

в валидаторе:

INVALID_URL_REFERENCE: canvas_

в рекламном кабинете ошибка соответствует сообщению:

Объявление HTML5 ссылается на объект, которого нет в ZIP-файле.

Ошибка возникает при использовать create.min.js выгруженного из Adobe Animate.

см. решение в основной заметке выше.

_____________
матфак вгу и остальная классика =)

vedro-compota's picture

Сайт https://animate2display.dk/ судя по всему сделан с этой целью, но нам не помог (м.б. сделан для другого типа рекламы).
В детали не вдавались.

_____________
матфак вгу и остальная классика =)