ENABLER ADOBE ANIMATE CC

Documentation DCO Enabler -> ENABLER ADOBE ANIMATE CC

INTRODUCTION

ADventori-Animate-Logo

In this tutorial, we will show you how to integrate ADventori’s library in Adobe Animate cc to dynamize HTML5 ads. CreateJS library has written a White Paper on the best practices for creating an advertising banner in HTML5/Canvas
The starting point is a banner respecting IAB’s standards:

  • It must be in the form of a zip file containing a single HTML file and all the necessary elements (img, js, css).
  • The URLs in the HTML file must all be relatives.
  • Note: ADventori is not limited on the weight of the creative, but to optimize the delivery, we recommend a maximum weight of 200kb.
  • Do not forget to produce the backup GIF for each format
  • Please respect the same naming convention for all assets in all formats

 

Two tutorials are available, the first (code snippet) is for non-developers, the second is for more experienced developers.

For further information, please don’t hesitate to contact op@adventori.com.

 

CODE SNIPPET: Dynamic banner in a few clicks

Installing / Initialization

Installing / Initialization

Installing the code snippet

TEXTFIELD

TEXTFIELD

Dynamize your text with the textfield component

Movie Clip

Movie Clip

Dynamize your texts, images and videos with the MovieClip component

Useful functions

Useful functions

Manage your banner’s click, the touch option for mobile and the number of loops

BASICS

Installing the enabler

Installing the enabler

Installing the ADventori HTML template

Dynamic parameters

Dynamic parameters

Declare your dynamic components (texts, images, videos …)

Managing clicks

Managing clicks

Manage your ad clicks (global, specific)

Test Page

Test Page

Documentation DCO Enabler -> Test Page TEST YOUR BANNERS  To test your banner, upload your zip file containing your creatives into the test page, accessible here: Test page You have a banner with the following dynamic parameters ADventori.initData({ background : “bg-01.jpg”, logo: “img/logo_carre_vert.svg”, title : “A Title”, description : “A description of variable length”, cta … Continued

TEXT DYNAMIZATION

DYNAMIZE A TEXT FIELD

DYNAMIZE A TEXT FIELD

How to dynamize a text field

Adapt text size

Adapt text size

How to adapt your text to its container

Vertically align text

Vertically align text

How to vertically align a text box in its container

CUSTOMIZE FONTS

CUSTOMIZE FONTS

CUSTOMIZE THE POLICE FONT

IMAGES DYNAMIZATION

DYNAMIZE AND ADAPT THE SIZE OF AN IMAGE

DYNAMIZE AND ADAPT THE SIZE OF AN IMAGE

Learn how to add and adapt your images in the banner

COMPONENTS

ADVENTORI’S CAROUSEL

ADVENTORI’S CAROUSEL

Learn how to create and configure a carousel

ADD MAP

ADD MAP

Dynamiser et ajouter une carte

visibility

visibility

Trigger animation of your banner only when it is visible

DYNAMIZE A VIDEO

DYNAMIZE A VIDEO

Learn how to add and adapt videos in a banner