Animate CC Create JS libraries for Adwords

Report · Feb 09, 2016

How can I use in the new Animate CC the google hosted libraries? Animate CC exports 1 file now ( createjs-2015.11.26.min.js ) --> 186kb

With the last flash pro I only needed to send 2 files ( movieclip-0.8.1.min.js and preloadjs-0.6.1.min.js ) --> 59.2kb

Any comments welcomed.

Thanks,

Rodrigo

Google-hosted CreateJS

https://s0.2mdn.net/ads/studio/cached_libs/
tweenjs_0.6.1_40840f08e9fb382ae9e4a337da542ed5_min.js
https://s0.2mdn.net/ads/studio/cached_libs/
easeljs_0.8.1_58add2e69ca7fbe25e8f82a2b5f6a510_min.js

Report · Feb 09, 2016

Hi,

You can still refer only the libs that you need by updating the HTML file once published from Animate and downloading the required libs from CreateJS | CDN‌

Thanks!

Mohan

Report · Mar 01, 2016

you can only use tweenjs and easeljs from the google hosted cdn, they're hosting preloadjs, soundjs and movieclip too, but you're not allowed to use those. only even a basic animation won't work without movieclip

Report · Mar 03, 2016

True Animate is cool but totally useless if you can't use the movieclip CDN from Google.
Adobe needs to tell Google to put the whole createjs 2015.11.26.min.js or else it's pointless...

Big fail !
I can't even upload my new HTML5 banners to Google Adwords, still got to convert to Flash in AS2 to upload and now Google is killing Flash uploads in the end of June lol.

Report · Mar 04, 2016

pretty sure Adobe is not the boss of Google.

Just zip local copies of the required libraries. AdWords is so cheap, the advertiser pays only for clicks.

Report · Mar 17, 2016

Hi,

Happy to share with you all that the combined CreateJS library used in Animate CC is now available in Google's CDN DoubleClick hosted JavaScript libraries - DoubleClick Creative Solutions Help‌‌ to help simplify and improve the overall experience. You may want to check this out.

Thanks!

Mohan

Report · Mar 17, 2016

Great for DoubleClick but we still wait for AdWords

Report · Mar 21, 2016

Hi,

Can you please elaborate on the issue with AdWords. What specific problems are you facing there.

Thanks,

Ajay

Report · Mar 22, 2016

For now are allowed only two libs (not full lib) from Google for use in AdWords. Check AdWords | HTML5 Validator

Full lib is on Google but still is not updated in AdWords.

Google-hosted CreateJS

https://s0.2mdn.net/ads/studio/cached_libs/
tweenjs_0.6.1_40840f08e9fb382ae9e4a337da542ed5_min.js
https://s0.2mdn.net/ads/studio/cached_libs/
easeljs_0.8.1_58add2e69ca7fbe25e8f82a2b5f6a510_min.js

Report · Mar 22, 2016

IMHO opinion Google does not want to make AdWords as lenient as DCM, because the ads are free unless someone clicks. Initially they allowed no external links.

Report · Mar 22, 2016

My opinion is that they will allow new library because they previous allowed that two libraries.

Report · Mar 15, 2016

Any updates on this?

Report · Mar 15, 2016

Nothing new so far. I send them again request yesterday.

You can see anytime on Image ads - Advertising Policies Help HTML5 ads > All other HTML5 ads > Upload requirements > Google-hosted CreateJS

Report · Mar 15, 2016

I dont see big problem now. Zipped CreateJS lib is around 50kb and then you have 100kb zipped for banner. Using 2 libs and adding 2 libs you can have 140kb.

Report · Mar 15, 2016

AdWords is the best, they have biggest max file size 150kb. 140kb with using 2 libs and adding 2 libs.

And all you must change in exported html is adding ad format size meta tag within the <head> tag. For example: <meta name="ad.size" content="width=300,height=250">

And you don't include any clicktag, ads are entire ad clickable by default.

Report · Mar 17, 2016

Cool, Adwords must be coming soon ?!

Report · Mar 22, 2016

Great Whitepaper for HTML5 Ads Need HTML5 Ads? Adobe Animate CC to the Rescue! | Adobe Animate Team Blog

Report · Mar 31, 2016

Hi, I'm very new to coding html5, so please can someone please talk me through the following? (in baby steps!)

Ok so when i publish my ad, Animate creates this link in the HTML file for creatjs:

This is what adwords doesn't like.

I downloaded the creatjs to run it locally but this makes the banner way too big, but adwords approves it.

Here are my files - www.fishdna.co.uk/work/html5/Archive.zip

I then read the above and tried to implement this into the HTML to use googles createjs:

replacing - <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>

with

But when i went to preview this the ad stops working. Am i missing something fundemental?

Any help much appreciated, as i desperately need to move away from the proverbial nail in the foot to work flow that is GWD and start using Flash again, sorry Animate... ; )

Report · Mar 31, 2016

you are missing 2 files.

you have

missing

Report · Apr 08, 2016

Thank you!

---

<snip>

</snip>

The tween/easel-js aren't enough for Animate-produced H5-Banner - you have to download 2 additional createJS-subscripts:

- https://code.createjs.com/preloadjs-0.6.1.min.js

- https://code.createjs.com/movieclip-0.8.1.min.js

- Bundled and single libraries: http://code.createjs.com/

Zipped, the 2 shrink to 17KB, leaving you with 133KB (zipped) to work with on your banner.

Report · Apr 15, 2016

Thanks for the pointers you two, i think i followed what you suggested above, but its still doesn't seem to be working.

Could i ask another favour and someone look at the files and tell me where i'm going wrong?

www.fishdna.co.uk/work/html5/html5.zip

many thanks in advance.

Report · Apr 27, 2016

Hey!

Had this same problem/nightmare. Ended up building 12 banners in Animate and Adwords wasn't having it. I'm hoping you've solved the issue with your ads, but if this is still giving you or anyone else trouble, here's all I did to make each ad upload successfully:

1. Include <meta name="ad.size" content="width=300,height=250"> or whatever the size of your banner is, under the <head> tag.

2. Replace https://code.createjs.com/createjs-2015.11.26.min.js with google's version:

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

This contains the full library, so there's no need to include individual libraries and it definitely works with Adwords even though it's hosted on DoubleClick. I found this courtesy of Mohanaraj above. Thanks!! Here's where I found it: DoubleClick hosted JavaScript libraries - DoubleClick Creative Solutions Help

3. Check your ads with this before uploading. If there are any other errors, it'll give you a bit more info on them:

AdWords | HTML5 Validator

Hope this helps!

Report · Apr 27, 2016

Great, I tried in validator, it seems that DoubleClick hosted CreateJS is working now in AdWords. Send to AdWords and give us feedback if is work link, please.

Report · Aug 09, 2019

Publish with "Hosted Library" > open html file in a text editor > up top, in the Meta look for the <script> containing the link to the js library > Replace that link with the Google hosted version:
<script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min...."></script>

Boom, no js library needed = smaller file size.

Report · May 04, 2016

It seems that google finally add entire createjs lib to adwords. Check out bottom link:

All code and assets must be referenced using a relative path to resources included in the .ZIP file. No external references are allowed except references to:
Google Fonts
Google-hosted jQuery
Google-hosted Greensock
https://s0.2mdn.net/ads/studio/cached_libs/
tweenlite_1.18.0_56fa823cfbbef1c2f4d4346f0f0e6c3c_min.js
https://s0.2mdn.net/ads/studio/cached_libs/
tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js
https://s0.2mdn.net/ads/studio/cached_libs/
cssplugin_1.18.0_71489205621d46cbe88348eeb8fe493f_min.js
https://s0.2mdn.net/ads/studio/cached_libs/
easepack_1.18.0_ed5816e732515f56d96a67f6a2a15ccb_min.js
Google-hosted CreateJS
https://s0.2mdn.net/ads/studio/cached_libs/
tweenjs_0.6.1_40840f08e9fb382ae9e4a337da542ed5_min.js
https://s0.2mdn.net/ads/studio/cached_libs/
easeljs_0.8.1_58add2e69ca7fbe25e8f82a2b5f6a510_min.js
https://s0.2mdn.net/ads/studio/cached_libs/
createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min....

Adobe Community

Animate CC Create JS libraries for Adwords

1 Correct answer