Highlighted

How to make an ad for AdWords in Animate CC

New Here ,
Apr 11, 2016

Copy link to clipboard

Copied

Hi,

I am trying to create a banner for AdWords and since I'm lacking programing skills this is very confusing. When i export the created banner in Animate AdWords won't accept it. Is it possible to create it for adwords?

Adobe Animate HTML5 banner ad for Google AdWords

1. Uncheck Combine into spritesheets in Publish Settings because JSON file which will be created is not allowed.


2. Uncheck Hosted Libraries in Publish Settings in Advance tab because CreateJS library must be included in ZIP (Zipped in ZIP is only 48 KB).
   If you need more space you can reference two libs and include other two libs


3. Include banner ad format size meta tag within the <head></head> tag in your index.html file.

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

4. HTML5 banner ad for Google AdWords is, by default, clickable on the entire area of the banner ad.

  You do not need to include any clickTag code.

5. ZIP file (Adobe Animate HTML5 banner ad) must be 150 KB or smaller.

6. Check Adobe Animate HTML5 banner ad (ZIP file) for Google AdWords: https://h5validator.appspot.com/adwords

TOPICS
Ad development, How to

Views

49.9K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to make an ad for AdWords in Animate CC

New Here ,
Apr 11, 2016

Copy link to clipboard

Copied

Hi,

I am trying to create a banner for AdWords and since I'm lacking programing skills this is very confusing. When i export the created banner in Animate AdWords won't accept it. Is it possible to create it for adwords?

Adobe Animate HTML5 banner ad for Google AdWords

1. Uncheck Combine into spritesheets in Publish Settings because JSON file which will be created is not allowed.


2. Uncheck Hosted Libraries in Publish Settings in Advance tab because CreateJS library must be included in ZIP (Zipped in ZIP is only 48 KB).
   If you need more space you can reference two libs and include other two libs


3. Include banner ad format size meta tag within the <head></head> tag in your index.html file.

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

4. HTML5 banner ad for Google AdWords is, by default, clickable on the entire area of the banner ad.

  You do not need to include any clickTag code.

5. ZIP file (Adobe Animate HTML5 banner ad) must be 150 KB or smaller.

6. Check Adobe Animate HTML5 banner ad (ZIP file) for Google AdWords: https://h5validator.appspot.com/adwords

TOPICS
Ad development, How to

Views

49.9K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 11, 2016 1
Enthusiast ,
Apr 11, 2016

Copy link to clipboard

Copied

Adobe Animate HTML5 banner ad for Google AdWords

1. Uncheck Combine into spritesheets in Publish Settings because JSON file which will be created is not allowed.


2. Uncheck Hosted Libraries in Publish Settings in Advance tab because CreateJS library must be included in ZIP (Zipped in ZIP is only 48 KB).
   If you need more space you can reference two libs and include other two libs


3. Include banner ad format size meta tag within the <head></head> tag in your index.html file.

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

4. HTML5 banner ad for Google AdWords is, by default, clickable on the entire area of the banner ad.

  You do not need to include any clickTag code.

5. ZIP file (Adobe Animate HTML5 banner ad) must be 150 KB or smaller.

6. Check Adobe Animate HTML5 banner ad (ZIP file) for Google AdWords: https://h5validator.appspot.com/adwords

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 11, 2016 7
Enthusiast ,
Apr 28, 2016

Copy link to clipboard

Copied

UPDATE !!!

Adobe Animate HTML5 banner ad for Google AdWords

1. Uncheck Combine into spritesheets in Publish Settings because JSON file which will be created for spritesheets is not allowed.

2. In the <head> tag of your published index.html file replace default CreateJS library

https://code.createjs.com/createjs-2015.11.26.min.js with Google hosted CreateJS library

https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min....

3. Include banner ad format size meta tag within the <head> tag in your index.html file.

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

4. clickTag code:

Option 1:

HTML5 ads are, by default, clickable on the entire area of the ad.

Option 2:

If you wish to limit the clickable area to specific elements, you will need to include the exitapi.js script.

To use exitapi.js, include the following script in your HTML <head> tag:

<script src="https://tpc.googlesyndication.com/pagead/gadgets/html5/api/exitapi.js"></script>

In Animate create transparent button and give the name of instance e.g. cta

Then, open Actions and place code:

this.cta.on("click", function() {

  ExitApi.exit();

});

5. ZIP file (Adobe Animate HTML5 banner ad) must be 150 KB or smaller.

6. Check Adobe Animate HTML5 banner ad (ZIP file) in Google AdWords validator: AdWords | HTML5 Validator

https://h5validator.appspot.com/adwords

DOWNLOAD GOOGLE ADWORDS BANNER AD ADOBE ANIMATE TEMPLATES (without exit and with exit):

http://www.marjantrajkovski.com/html5-banners-templates/google-adwords-adobe-animate-banner-ad-templ...

http://www.marjantrajkovski.com/html5-banners-templates/google-adwords-adobe-animate-exit-banner-ad-...

DOWNLOAD GOOGLE DOUBLECLICK BANNER AD ADOBE ANIMATE TEMPLATE:

http://www.marjantrajkovski.com/html5-banners-templates/google-doubleclick-adobe-animate-banner-ad-t...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 28, 2016 4
Community Beginner ,
Jun 21, 2016

Copy link to clipboard

Copied

Can you or someone please explain what this means?

2. In the <head> tag of your published index.html file replace default CreateJS library

https://code.createjs.com/createjs-2015.11.26.min.js with Google hosted CreateJS library

https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad44 42e19_min...

I can't figure out what I need to replace with what. Here is my HTML code:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="authoring-tool" content="$VERSION">

<title>$TITLE</title>

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

$CENTER_STYLE

$CREATEJS_LIBRARY_SCRIPTS

$ANIMATE_CC_SCRIPTS

$SCRIPT_START

var canvas, stage, exportRoot;

function init() {

  canvas = document.getElementById("$CANVAS_ID");

  $CREATE_LOADER

  $LOAD_MANIFEST

}

$HANDLE_FILE_LOAD_START

  $HANDLE_FILE_LOAD_BODY

$HANDLE_FILE_LOAD_END

$HANDLE_COMPLETE_START

  //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.

  $CREATE_STAGE

  //Registers the "tick" event listener.

  $START_ANIMATION   

  //Code to support hidpi screens and responsive scaling.

  $RESP_HIDPI

$HANDLE_COMPLETE_END

$PLAYSOUND

$SCRIPT_END

<!-- write your code here -->

</head>

<body onload="init();" style="margin:0px;">

  <canvas id="$CANVAS_ID" width="$WT" height="$HT" style="display: $CANVAS_DISP; background-color:$BG"></canvas>

    $PRELOADER_DIV

</body>

</html>

Thanks in advance!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2016 1
Advocate ,
Jun 21, 2016

Copy link to clipboard

Copied

It's great that you're utilizing templates.  Simply replace

$CREATEJS_LIBRARY_SCRIPTS

with

<script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min...."></script>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2016 1
Community Beginner ,
Jun 21, 2016

Copy link to clipboard

Copied

Thank you just.emma​! One more question - my image files are too big once published. I end up with a zip file of 184KB. Do you have any suggestions on how to reduce this?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2016 0
Advocate ,
Jun 21, 2016

Copy link to clipboard

Copied

Personally, I like to use TinyPNG to optimize my images.

You can swap out your published images with optimized versions; just be sure that the file name and dimensions are the same as your original files.

Also, be sure to go to Publish Settings and uncheck "Export Image Assets" so as not to overwrite your optimized images if you go back and make changes in Animate.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2016 1
Community Beginner ,
Jun 21, 2016

Copy link to clipboard

Copied

Thank you so much, I really appreciate it! Spent the whole day making one ad haha so hopefully the next ones will be faster

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2016 2
New Here ,
Sep 22, 2016

Copy link to clipboard

Copied

Hi, but unfortunately doesn´t work in Mozilla Firefox, any suggestions? Shows white screen and errors in console:

TypeError: cjs.Bitmap is not a constructor

TypeError: createjs.LoadQueue is not a constructor

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 22, 2016 0
Enthusiast ,
Sep 22, 2016

Copy link to clipboard

Copied

Can you share with us problematic file

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 22, 2016 0
Participant ,
Aug 03, 2018

Copy link to clipboard

Copied

Seems that these links are broken.  I'm getting a "Not found" message when the new browser tab opens.  Is anyone else finding this to be true?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 03, 2018 1
11 hours ago

Copy link to clipboard

Copied

I didn't use the exit api and yet created an entire clickable zone in Animate to refer to an external link. In google ads, the ads is not clickable ! But it is when preview in browser localy. I published without libraries, removed the libs folder, and changed 2 lines in the html to this :

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

<script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2019.11.15_min.js"></script>

No error in html5 google Ads validator.

What did I missed? Thanks in advance!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
11 hours ago 0
Community Beginner ,
Jul 06, 2016

Copy link to clipboard

Copied

upload error --

Your HTML5 ad is trying to reference an asset that we can not find in your .ZIP file: temp.js?1467846319330. Make sure you have included all of your assets in the .ZIP file and that all file references do not have any typos. Once you have made the changes, try again.

add code....

<meta name="ad.size" content="width=300,height=250"> & uncheck  Hosted Libraries

eror.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2016 1
Enthusiast ,
Jul 06, 2016

Copy link to clipboard

Copied

I dont know which templates are you using? There are templates for two different version 2015.1 and 2015.2. That screenshot is from older 2015.1. version.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2016 0
Community Beginner ,
Jul 06, 2016

Copy link to clipboard

Copied

can you send me simple video tutorial demo link. for publish setting & replace code

eror.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2016 0
Enthusiast ,
Jul 06, 2016

Copy link to clipboard

Copied

Post from Jun 4, 2016 2:24 AM is for that 2015.1 version. Open, create, publish.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2016 0
Advocate ,
Jul 06, 2016

Copy link to clipboard

Copied

It looks like you are having issues due to the cache-busting variable that's generated when you preview a HTML5 Canvas document from Animate (by pressing Command + Enter on a Mac, or Control + Enter on a PC).

If you actually publish your banner, the question mark and those numbers will not appear in your HTML file.

To publish from Animate, just go to File > Publish.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2016 0
Community Beginner ,
Jul 07, 2016

Copy link to clipboard

Copied

Done thanx...install 15.2...  publish files & edit the code <meta name="ad.size" content="width=300,height=250">

but how to add clicktag adword / double click publisher ....

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 07, 2016 0
Enthusiast ,
Jul 07, 2016

Copy link to clipboard

Copied

Open and publish my templates and you will see what is changed in html.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 07, 2016 0
Enthusiast ,
Jul 07, 2016

Copy link to clipboard

Copied

Adobe Animate 15.2 HTML5 banner ad for Google AdWords

1. Include banner ad format size meta tag within the <head> tag in your index.html file.

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

2. In the <head> tag of your published index.html file replace default CreateJS library

https://code.createjs.com/createjs-2015.11.26.min.js with Google hosted CreateJS library

https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad44 42e19_min...

3. clickTag code:

Option 1:

HTML5 ads are, by default, clickable on the entire area of the ad - you dont need to do anything.

Option 2:

If you wish to limit the clickable area to specific elements, you will need to include the exitapi.js script.

To use exitapi.js, include the following script in your HTML <head> tag:

<script src="https://tpc.googlesyndication.com/pagead/gadgets/html5/api/exitapi.js"></script>

In Animate create transparent button and give the name of instance e.g. cta

Then, open Actions and place code:

this.cta.on("click", function() {

  ExitApi.exit();

});

4. ZIP all files without FLA file (HTML, JS, JPG, PNG)

5. ZIP file (Adobe Animate HTML5 banner ad) must be 150 KB or smaller.

6. Check Adobe Animate HTML5 banner ad (ZIP file) in Google AdWords validator: https://h5validator.appspot.com/adwords

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 07, 2016 0
Community Beginner ,
Jul 12, 2016

Copy link to clipboard

Copied

thanx but i upload your Adobe Animate CC Google AdWords Exit Banner Ad Template files i got error Untitled-1.jpg

Untitled-2.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 12, 2016 1
Enthusiast ,
Jul 12, 2016

Copy link to clipboard

Copied

Dont publish with that name, that name it is only for long description purpose, it is not allowed space in filename of html. Open FLA and save with custom name with html standard e.g. banner_1

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 12, 2016 0
Community Beginner ,
Jul 12, 2016

Copy link to clipboard

Copied

sry same error

Untitled-1.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 12, 2016 0
Enthusiast ,
Jul 12, 2016

Copy link to clipboard

Copied

HTML standard dont allow space in filename !!!  banner_test or banner-test or bannertest not banner test !!!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 12, 2016 1
Community Beginner ,
Jul 12, 2016

Copy link to clipboard

Copied

Done thanx

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 12, 2016 1
Enthusiast ,
Jul 12, 2016

Copy link to clipboard

Copied

2. In the resulting folder, make sure that each file uses only supported caracters: letters and numbers. If some file names contain unsopported characters (dashes, punctuation, and spaces), rename them. If you have subfolders in your .ZIP file, make sure to open and inspect those files, too.)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 12, 2016 0
Enthusiast ,
Jul 12, 2016

Copy link to clipboard

Copied

You can download updated templates from the same link. They have update for bug of Animate 15.2 which dont allow preview in IE9 and IE10. if ("onpropertychange" in document && !!window.matchMedia) { window.devicePixelRatio = window.devicePixelRatio || 1; } if ("onpropertychange" in document && !!window.innerWidth) { window.devicePixelRatio = window.devicePixelRatio || 1; }

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 12, 2016 0
New Here ,
Jul 16, 2016

Copy link to clipboard

Copied

Hi frist of all thank you for your template it's really helpful , but my equation here is how can meta tag come automation in html code cuz

when i make publish from your template and open the html i found it comes automation so i don't need to add it again but when i create a new file in adobe animate as html and puplish i should to open the html every time and add the meta tag .

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 16, 2016 0
Advocate ,
Jul 16, 2016

Copy link to clipboard

Copied

In Publish Settings, you can export HTML templates and import them into new files.  Once you import a custom template, it will keep your HTML customizations (including the meta tags) whenever you publish that file.

Take a look at this blog post for a comprehensive overview: Using Animate CC HTML5 Canvas Templates with Multiple Publish Profiles | Adobe Animate Team Blog

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 16, 2016 0
New Here ,
Aug 31, 2016

Copy link to clipboard

Copied

Hi, I'm almost there so I can export to adwords.

But I get this error. When I test it, the add functions and I can click on the creative and get a succesfull clickthrough.

I checked the URL reference and it is the same. Can anyone help me?

Skærmbillede 2016-08-31 kl. 11.06.42.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 31, 2016 0
Advocate ,
Aug 31, 2016

Copy link to clipboard

Copied

You need to publish your files from Animate CC instead of just previewing them.  Publishing will remove the cache-busting variable appended to the JS file name.

Publish it, and then re-zip it.

Screen Shot 2016-08-31 at 7.53.13 AM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 31, 2016 0
Community Beginner ,
Mar 08, 2019

Copy link to clipboard

Copied

It seems that the exit API has been disabled or isn't supported anymore. I get a warning on the validator about the exit API. https://groups.google.com/forum/#!topic/gwdbeta/wmLzduiLA4s

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 08, 2019 0
New Here ,
Apr 09, 2020

Copy link to clipboard

Copied

Thanks bro. You saved my life! 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 09, 2020 0
Enthusiast ,
Jun 21, 2016

Copy link to clipboard

Copied

Great, you are working with new update 2015.2

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 21, 2016 0
Enthusiast ,
Jun 23, 2016

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 23, 2016 3
Advocate ,
Jun 23, 2016

Copy link to clipboard

Copied

Great resource!  These templates will be helpful for a lot of people.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 23, 2016 0
Community Beginner ,
Oct 05, 2016

Copy link to clipboard

Copied

Follwed instructions added meta tag and .js http reference

AdWords | HTML5 Validator  validator all fine.

But when i press the Preview button on this page no preview appears, but when I click where it should be previewed I get
"Your click was successful and should track correctly"

Is there a reason why the preview is not appearing but still 'there' ?

SaveScreen-Shot-2016-10-06-at-4.17.50-pm.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 05, 2016 0
Advocate ,
Oct 06, 2016

Copy link to clipboard

Copied

Are you using an ad blocker?

If that's not the issue, please share your file so we can help troubleshoot.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2016 0
Community Beginner ,
Oct 06, 2016

Copy link to clipboard

Copied

Hello,

No ad blocker

I'll send you my zip file before and after I add the code in a message. I need to send these of thismorning AUS time. So it would be a great help if you can have a look. Many thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2016 0
Advocate ,
Oct 06, 2016

Copy link to clipboard

Copied

Hi, I looked at your files and the issue is that you're only linking to the DoubleClick CDN for TweenJS, when you actually need to include the entire CreateJS suite for your banner to work.

Use this:  https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min....

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2016 1
Community Beginner ,
Oct 06, 2016

Copy link to clipboard

Copied

That worked great! thank you.

I have watched many tutorials and most don't mention the difference and copy and paste the first one from the list on: Image ads - Advertising Policies Help

unless you read the file type name you notice it's different.

Thanks again

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2016 0
New Here ,
Nov 08, 2016

Copy link to clipboard

Copied

Hi I am having the same problem, yet, I added the CreateJS min link to my html file and it is still not working. I have the spritesheet option in publish settings turned off and still see a white screen after publishing. Any ideas?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2016 0
Advocate ,
Nov 08, 2016

Copy link to clipboard

Copied

It's impossible to troubleshoot without seeing your actual files.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2016 0
Advocate ,
Nov 08, 2016

Copy link to clipboard

Copied

Thanks for sending your files in a private message.  The issue is that you were using an old/outdated publishing template with the newest version of Animate CC 2017.

If you replace the template with this updated version that I just set up, that should fix things.

To import the new template, simply go to Publish Settings > Advanced > Import New.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2016 2
New Here ,
Nov 08, 2016

Copy link to clipboard

Copied

Thank you so much, Emma!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2016 0
Explorer ,
Jan 10, 2017

Copy link to clipboard

Copied

Hi Emma,

I'm sure your updated CC 2017 would be very helpful, unfortunately i can't use the Dropbox linked file, named "Adwords 2017 Template.html".

Can you please check or tell me what i'm missing?

Thanks

Manu

[ Edit ] Sorry, it's OK now, i found where to import your HTML template in Animate CC:

Publish settings : PUBLISH / Javascript/HTML > Advanced : Template for publishing HTML : Import new

I confused Animate .FLA template (to create a new file based on) and .HTML template (to import in publish settings).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 10, 2017 0
New Here ,
Jan 24, 2018

Copy link to clipboard

Copied

Hi Emma, hi supporters,

one year passed by, it's time to refresh this thread. 😉  I read the thread carefully and I hope I did everything the supporters discribed. I used the updatet version of the template you linked to. HTML5 Validator says everything is fine, but he doesn't display my banner. Can you please check what's wrong? (I don't use adblockers.)Bildschirmfoto 2018-01-24 um 12.57.33.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 24, 2018 0
Enthusiast ,
Jan 24, 2018

Copy link to clipboard

Copied

Can you attach banner?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 24, 2018 0
New Here ,
Feb 01, 2018

Copy link to clipboard

Copied

Great Thanks to mariantrajkovski! He/she solved my problem with the following points:

  • In 17 line in html link to cretejs is broken
  • createjs_2015.11.26_54e1c3722102182bb133912ad44 42e19_min.js
  • must be without space between ...44 and 42...
  • createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js
  • you can delete folder libs because you add libs from google

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 01, 2018 0
Community Beginner ,
Apr 17, 2018

Copy link to clipboard

Copied

Thanks for the general help in this forum.

I´ve also a banner, created with Adobe Animate. I checked this in the Google HTML 5 Validator with no error. But I can´t see my banner. Only a white flat with my clicktag with another URL.

google_validator.jpg

I changed my HTML-file. I include the banner ad format size meta tag and it´s smaller as 150 KB.

You can find my file here.

It would be great if you can find my mistake.

Thank you! Regards, Selonian.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 17, 2018 0
Explorer ,
Apr 17, 2018

Copy link to clipboard

Copied

Hi Selonian,

It won't solve your issue but help you to understand what happens with your banner:

  • Open your HTML file in a browser
  • Open Developper tools > Console

Multiple errors (and explanations) should show up: files loading, scripts…

Hope it helps a bit.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 17, 2018 0
Enthusiast ,
Apr 17, 2018

Copy link to clipboard

Copied

In 17 line in html link to cretejs is broken

createjs_2015.11.26_54e1c3722102182bb133912ad44 42e19_min.js must be without space between ...44 and 42... createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 17, 2018 2
Community Beginner ,
Apr 18, 2018

Copy link to clipboard

Copied

That´s it! Great! Many thanks!

Regards, Selonian.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 18, 2018 0
New Here ,
Dec 04, 2019

Copy link to clipboard

Copied

Hi everyone!

 

I've tried all the things suggested in this previous chat but my ad still comes up blank. Would really appreciate some help.

 

I'll message someone the file if they'd like to take a look 🙂

 

Screen Shot 2019-12-05 at 10.24.17 AM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 04, 2019 0
New Here ,
Mar 22, 2020

Copy link to clipboard

Copied

Screen Shot 2020-03-22 at 16.39.36.png
Hello .i have the same issue with Adobe Animate 2020 ,what is the problem ?
https://we.tl/t-AntzSusvMw (we transfer link to my files )

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 22, 2020 0
New Here ,
Aug 26, 2020

Copy link to clipboard

Copied

Help I'm having the same problem...

 

I replaced the .js with this and still not working...

 

https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min....

 

Screen Shot 2020-08-26 at 10.21.31 pm.png

 

Everything successful. You can see no gap between 42 and 43 texts as people mentioned. But no preview... can anyone take a look at my files?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 26, 2020 0
New Here ,
Aug 26, 2020

Copy link to clipboard

Copied

Sorry i mean between 44 and 42

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 26, 2020 0