Adobe Edge Animate HTML5 банера для Google AdWords. (обновлено)

Adobe Edge Animate удобный инструмент для разработки HTML5 рекламных баннеров. Баннер разработанный в Adobe Edge Animate легко адаптировать под различные форматы площадок.
Важные пункты при подготовке банера HTML5 в Adobe Edge Animate для Google AdWords:

  1. Добавьте мета-тег с указанием размера баннера внутри <head></head> в файле index.html полученным в Adobe Edge.
    Например:  <meta name="ad.size" content="width=300,height=250">
  2. HTML5 баннер для Google AdWords по умолчанию кликабельный по всей площади рекламного банера.
    Вам не нужно добавлять clickTag код.
  3. Допустимые типы файлов в ZIP архиве (Adobe Edge Animate HTML5  баннер):
    HTML, CSS, JS, GIF, PNG, JPG, JPEG, SVG (будьте внимательные, если вы используете SVG, то он должен быть чистым SVG версии 1)
  4. Библиотека Adobe Edge Animate  должна быть включена в отправляемый ZIP архив (Сжатый файл весит всего 33 KB).
  5. ZIP архив (Adobe Edge Animate HTML5 баннер) должен весить не более 150 KB.
  6. Лучше прописать прямую ссылку на edge.6.0.0.min.js. Скачать edge.6.0.0.min.js.
  7. Проверьте Adobe Edge Animate HTML5 баннер (ZIP архив) для Google AdWords: https://h5validator.appspot.com/adwords

P.S. Чтобы ограничить область клика, необходимо подключить скрипт exitapi.js, для этого необходимо:

  1. Добавить в HTML <script type="text/javascript" src="https://tpc.googlesyndication.com/pagead/gadgets/html5/api/exitapi.js"> </script> !!!! Именно в опубликованый html, между тегами <head></head>, не в самом adobe edge.
  2. Создать в Edge Animate прозрачный див с курсором "руки" и добавить команду при клике: ExitApi.exit();

Подробнее exitapi.js

 

Спасибо за помощь Marjan Trajkovski

comments powered by HyperComments