Adobe Animate Banners. Mediasniper Requirements
How to create HTML banner with Adobe Animate
Terms for providing creatives
The best way to provide creatives is to provide them one working week before the start of placement. It is important to do because all the materials go through two-step test:
first of all they go through technical moderation on the Mediasniper side and then conformity with the requirements test. The term may vary depending on complexity and number of creatives. Approximately it takes 1-2 business days.
SSP moderation, it takes max. 3 business days.
If creatives don’t meet the requirements of technical specifications or if they are provided by third parties links, the terms must be specified individually with technology experts
To create ad banner in the program Adobe Animate you should perform the following steps:
- Launch the Adobe Animate program;
- In the top menu select a new file creating: File -> New;
- In the menu that appears in the General tab in the Type field select pattern type of an ad banner. Preffered is HTML5 Canvas type;
- Then you should specify the banner size, its width and height in the right part of the window;
![8cc85f0-qq.png 658](https://files.readme.io/13b87ca-8cc85f0-qq.png)
- After that you should add to the banner operating space a required content according to the banner design.
To add the possibility to click on the banner you should perform the following steps:
- Add specific layer for a button by pressing on the new layer adding image;
![26385cb-2.png 204](https://files.readme.io/5f77834-26385cb-2.png)
- Select the top layer on the layer panel
![be29a30-45.png 251](https://files.readme.io/843e8b3-be29a30-45.png)
- Select a square (marked with an arrow) on the toolbar and place it on the banner operating space.
![cab8084-4.png 426](https://files.readme.io/8ff7f8f-cab8084-4.png)
- Then specify width and height of an element, which is equal to width and height of the banner. You should also specify coordinates of the element X=0 and Y=0;
![5e95ae4-6.png 405](https://files.readme.io/2dc08df-5e95ae4-6.png)
- Mark the square and press the F8 button;
- Specify element type Button (Type field) in the menu that appears and press ОК;
![5e95ae4-6.png 405](https://files.readme.io/7b21043-5e95ae4-6.png)
- Specify the name of the added element: ad_exit_button in the main windoe on the Properties panel in the Instance Name field.
![109a744-7.png 307](https://files.readme.io/ed06f00-109a744-7.png)
- Double click on the square. In the Timeline tab press the left mouse button on the Up, and while holding it down move Up to the Hit.
![6a5c52a-8.png 349](https://files.readme.io/4e59840-6a5c52a-8.png)
- Find the main baner scene, mark the ad_exit_button button and press F9, you will see the Actions panel.
![1ceeb14-9.png 602](https://files.readme.io/055c1ee-1ceeb14-9.png)
- Press the Code Snippets image.
![e4a1a13-999.png 28](https://files.readme.io/d3e64ab-e4a1a13-999.png)
- Double click on HTML5 Canvas -> Actions -> Click to Go to Web Page. in the window that apears.
![47c5d25-10.png 475](https://files.readme.io/fe21479-47c5d25-10.png)
- Delete comments to the code in the menu that appears. Change addresse to the adlink in the fl_ClickToGoToWebPage() function in the command window.open. Adlink must be without quotation marks.
![27024e7-11.png 601](https://files.readme.io/36a246b-27024e7-11.png)
![f2f90c9-12.png 608](https://files.readme.io/c08077b-f2f90c9-12.png)
- Close the Actions panel. Press File - Publish Settings.
- Press Publish and OK.
- Submit all files generated by this program in the zip archive according to the requirements specified in the General Requirements section at the beginning of the present Manual.
Updated almost 3 years ago