Jump to content
Search Community

Google DoubleClick and AdWords host GSAP on their CDN

GreenSock

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Posted

Thanks for the help - I already had a ready function:

$(document).ready(function () { 

}

But I tried the

document.addEventListener("DOMContentLoaded", function(event) { 
//Now run your animation.
});

and got the same error message.

Posted

@tedbell, can you provide a link so we can see the problem in context? It sounds like your page isn't actually loading TweenMax. Tough to troubleshoot blind, though. 

Posted

Hi Ted,

 

Thanks for the demo.

I don't see any errors and the animation appears to be playing fine.

I guess you fixed it?

Posted

Carl - thanks! I didn't fix it, but when you said it works for you - bingo! My Adblocker was preventing the GSAP lib from loading! Thanks for all the help - what an idiot I am - probably shouldn't be allowed to use any Greensock libraries after this embarrassment. I have to learn to turn off my Adblocker when I am creating ads!  :0

  • Like 2
Posted

Classic! 

 

Don't worry, its normal. 

 

You'd be surprised the amount of times myself and my colleagues have run into that very schoolboy error.

  • Like 2
Posted

Has anyone noticed in the Google approved CDN for Adwords and DoubleClick they added CreateJS!!??.  https://support.google.com/richmedia/answer/6307288?hl=en

 

What that means you can use (as the tutorials here show) that you can use Flash or Adobe Animate 2015 Again to make Adwords banners, yes!

I have successfully managed to get Adobe Animate, with CreateJS and TweenMax to make Adwords banners en then successfully uploading them using the external libraries form the CDN. This means my js file needed for the banner is only in total when minified en compressed only 8KB!!!! that gives me a headroom of 150KB - 8KB for images. Which now in Animate CC i don't use as often because it is only needed for true bitmaps, typefaces, text and vectors like logo's are converted to canvas.

 

Ofcourse you work in Adobe Animatie in Canvas HTML, but you can mix plain HTML by setting a div on top of the canvas generated by Animate CC 2015 and then move from there. Animate converts all vector library elements to canvas elements. So when you import a logo from illustrator its not converted to an image. When you use fonts you can easily edit them when the client wants changes.

 

Yes another new way of making ads for Google Adwords, thanks again GreenSock!!

  • Like 3
Posted

LOL

 

That is almost one year old

 

LOL coding by hand is easier, i get now a canvas file that is 120KB in size ;-)

  • Like 1
  • 2 weeks later...
Posted

Thanks for letting us know! Great news.

  • 8 months later...
Posted

That's pretty odd indeed. I'd recommend reaching out to the DoubleClick team. Unfortunately, we don't have any control over what they put on their CDNs. :(

  • 8 months later...
HHCC IT Department
Posted

Any ETA on when GreenSock 2.1.0 will be available on Google's CDN?

Posted

We sent a request today to the Google folks, @HHCC IT Department, so hopefully they'll put 2.1.2 up there soon. We'll post here if/when we hear back. It certainly wouldn't hurt for you (and others) to submit your requests directly to Google as well so that they can gauge user demand. 

  • 8 months later...
Posted

Congrats on launching GSAP 3, loving all the new stuff and the quality of life changes. Any ETA on when gsap 3 will be available on Google's CDN?

Posted
On 11/11/2019 at 2:46 PM, DennisB said:

Congrats on launching GSAP 3, loving all the new stuff and the quality of life changes. Any ETA on when gsap 3 will be available on Google's CDN?

Yep, Google has already updated their CDN. Here are all the juicy new links: 

https://support.google.com/richmedia/answer/6307288?hl=en#gs

  • Like 4
  • Thanks 1
  • 2 years later...
Posted (edited)

We're getting rejected by some of the GSAP packages (cdn links found here https://support.google.com/richmedia/answer/6307288) by Google Ads. So if we try this as a test in a display ad: 

<script src="https://s0.2mdn.net/ads/studio/cached_libs/gsap_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/customease_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/draggable_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/easelplugin_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/easepack_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/flip_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/motionpathplugin_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/pixiplugin_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/scrolltoplugin_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/scrolltrigger_3.9.1_min.js"></script>
<script src="https://s0.2mdn.net/ads/studio/cached_libs/textplugin_3.9.1_min.js"></script>

3 of the scripts (customease, flip, scrolltrigger) are getting rejected for some reason. Is this an issue on Googles side?

1625559475_Screenshot2022-02-23at15_45_52.png.2283116367e492a69740f96c6e81f806.png

 

Edit: 

I talked to Google support also. They gave me this link instead https://support.google.com/google-ads/answer/1722096, which contains a different list of links which can be used. They also seem to be outdated scripts...
It's weird that most of the links works, but a 3 of them not.

Edited by Zuuvi
More information
Posted

Oh, definitely don't use those SUPER old 1.18 files! 

 

I bet that Google hasn't updated something internally to whitelist some of the newer tools like CustomEase and Flip which were added to the public repo in 3.9. That's definitely a question for Google, though. If I were you, I'd press them on that. It would be ridiculous if they were trying to have you use the files from 5+ years ago. They certainly have 3.9.1 on their CDN, so they probably just need to fix their whitelist algorithm or something. ?‍♂️

  • Thanks 1
Posted

I think that version of core GSAP is not problem. Problem is external loading of extra scripts and plugins like customease, flip and scrolltrigger. Display & Video 360 (former DoubleClick) and Google Ads  (former AdWords) are different independent platforms. Google Ads (former AdWords) is low cost platform with many restrictions. Display & Video 360 (former DoubleClick) support external loading of almost anything from almost any https. Simple, low cost Google Ads is for simple ads and Display & Video 360 is for complicated ads.

  • 2 years later...
emmanuelulloa
Posted

Is DrawSVGPlugin hosted in the CDN or do I have to use the one provided by the client and count it against it the ksize limit?

Posted

Hi @emmanuelulloa,

 

DrawSVG is a bonus plugin, so you have to use the file provided by the client and perhaps self host it or include it in your bundle. I don't know  a lot about banner adds and the KB situation involved with them, so I couldn't tell you if there is a difference between hosting and bundling the plugin.

 

Hopefully this helps.

Happy Tweening!

  • Like 1
  • 1 year later...
emmanuelulloa
Posted
4 hours ago, DennisB said:

Seeing as GSAP now went free (Thanks to webflow) it might be an idea to have Google update their Studio CDN to include the newly freed plugins, and update their GSAP version, it looks like it's about 2 years out of date by now:

https://support.google.com/richmedia/answer/6307288?hl=en&sjid=15605899940228504708-EU

 

Does the GSAP team have any Google contacts they can leverage for that? or how have updates worked in the past?

Yeah, for a strictly Ad Banner Developer myself the news of FREE GSAP will make sense when all ad vendors update their CDNs. 

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...