Jump to content

Search the Community

Showing results for tags 'adwords'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge


There are no results to display.

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Personal Website



Company Website



Found 8 results

  1. My very long "origin" story follows. TL/DR: I've attached some templates that people might find useful if they are building ads for AdWords using Adobe Animate CC 2017. <--- begin long story ---> I'm very new to HTML5, but I have many years of experience with Flash. That said, I'm a designer, not a coder, so trying to figure out what path I should take to move from Flash to HTML5 was like wandering around lost in a jungle, sans-machete. The last time I made the effort to learn how to make HTML5 ads was a couple of years ago and was less than successful. I ended up landing on Google Web Developer, since that appeared at the time to be the only HTML5 program that AdWords would accept ads from. That was so incredibly frustrating that I ended up going back to Flash CC 2015, animating the ads, then back saving the files to CS6 so I could publish them with the highest level of the Flash Library that AdWords would accept. Due to how long that process ended up being, we transitioned to using static ads instead of animated ads, and our clients were fine with that. I was relieved. All was right(ish) with the world. I was content to leave HTML5 behind and pretend like I would never need to figure it out. That ended in February. We have a client that wants to start running animated banner ads through AdWords. Back into the jungle I went. After learning that AdWords will no longer accept .swf files, I picked up GWD once again, and took a day to put together one ad that would show the client that we could do animated ads. If anything, GWD felt worse than it did two years ago. I banged my head against the wall trying to get text to do what I wanted, and ended up creating SVG shape files instead. I eventually got the ad mostly working. Sometimes a background shape didn't do what it was supposed to, and nothing seemed to fix it. It was not an ad that I was very proud of, but at least it was working. Mostly. I also calculated that it took me eight times as long to build that ad as it did for me to make a static ad. I sent the example ad off to the client and didn't hear anything back until last week. He sent us links to some ads that he liked, and asked if we could do something like that. They were pretty basic, the one he really liked was a bit sloppy, but I replied that we could do that, and also pointed him back to the example ad that I had sent before. Apparently his missed it, because he said that he loved it. It was exactly what he was looking for. For the heck of it, I decided to take a look at the code for one of the ads and see if it was made in GWD, or something else. Really hoping for something else. Around the middle of the HTML file, I saw, "UPDATES AND DOCS AT: http://greensock.com"... That's what led me here. Through watching videos, and searching the forums, I learned that Adobe Animate was basically Flash – or Flash enough that the learning curve would be pretty shallow – and that it could incorporate GreenSock. Oliver16Years was particularly helpful in pointing me down the correct path regarding the use of Animate versus hand coding, and that saved me quite a bit of time. The next hurdle I had to overcome was building an ad in Animate and getting it through AdWord's HTML5 Validator. I rebuilt my original ad, and when it came time to run it through the Validator, I got two errors; one involving missing this code from the <head> section: <meta name=“ad.size” content=“width=300,height=250”> Which I already knew about, and just forgot. The other involved fonts, which surprised me because I was using Google Fonts. Apparently, when Animate publishes the files it links to the Google fonts in a way that makes AdWords sad. Looking at the code, I couldn't figure out what needed to be changed. I asked for advice in another forum post and ohem helped out with his reply saying that I would be better off sticking with static text since Animate would automatically convert it to shapes when the file is published. So I've sidestepped that issue for now, and will revisit it if I need to down the path. I fixed those two things, resubmitted, and then got another error. Apparently, I needed to find this line in the published HTML5 file: <script src=“https://code.createjs.com/createjs-2015.11.26.min.js”></script> replaced with this: <script src=“https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js”></script> So I did that. Resubmitted, and then got an error for how I was direct linking the ad to a URL instead of using "clickTag"... Yeah, I remember click tags from my Flash days. I get it. You gotta track those clicks. The solution was (or appears to be) to add this script code to the HTML5 file (I put it below the <title>): <script type=“text/javascript”> var clickTag = “”; </script> And use this for the button code: this.btn_main_link.addEventListener(“click”, fl_ClickToGoToWebPage); function fl_ClickToGoToWebPage() { window.open(“clickTag”, “_blank”); } ... I believe that is correct. At least after doing that and resubmitting it, I didn't get any more errors. All of that was a lot of jumping around in the code side of things that I really didn't want to be doing, especially if/when we start rolling out animated ads to our other clients. Surely there was a way to make this work automatically? Why yes, yes there is. Thanks to this other forum thread I came across, I learned that I could go under the "Publishing Settings / Advanced" tab in Animate, and export the "Template for publishing...", modify what I needed to modify, and then import it back in. I totally took advantage of that. I set up the file so it would have all of the code changes, as well as including the GreenSock library. I tested the published file using the AdWords Validator, and everything was green. Then I made the other two common sized ads that we are always needing to make, to give us a full set: 300x250, 160x600, and 728x90. Then, because of a number of our clients are car dealers and have lengthy disclaimers that we need to cram into the ads, I made a modified set similar to what I used to do in Flash for a huge account at a prior job that include a rollover "disclaimer" button. I tested those in the Validator as well, not expecting them to work, but they did. They may not work when actually uploaded to AdWords though; I'm a designer, so I don't have access to that side of things to test. <--- end long story ---> I've attached my current set of templates to this post. They are set up with all of the basics you need to satisfy the AdWords gods (at this time, and as far as I know). 160x600, 300x250, 728x90 (two sets; one with a rollover for disclaimers and one without) built in Adobe Animate CC 2017 30 fps 1px black border (locked)... there may be a better way to do this. I fell back on my Flash experience when setting it up, but I'm certain there's a way to add a border to the ad through HTML. It was a low priority right now. click area (locked & hidden) 300 frames (10 seconds) already added to the timeline stop code on the 300th frame the GreenSock Library should already be include and working (it's included when published), but I haven't tested that part yet (still learning my way around GreenSock), and – again – I'm a designer, not a coder, so I may be missing something there I have not used these yet for actual ads that are up and running on AdWords. Once I have, I'll report back, and if any changes are needed to make them work, I'll replace/update the zip file. --- (edit) The rollover part of the rollover banners, as they are now, do not work when uploaded to AdWords. I will see if I can figure out what has to be done to make it work (if anything CAN be done). If any of you guys have an idea how to fix them, please let me know and I'll get the fix in and updated asap. --- (edit 2) Thanks to the responses below, I seem to have fixed the rollover issue so they work now with AdWords. I also caught a few more errors that I fixed as well. A new zip file has been uploaded. Until I actually use them for a campaign, I'm not 100% sure they will fly, but I'm hopeful. If anyone has a chance to use them before I do and would like to say how they worked, I would appreciate it. The disclaimers are in OpenSans, but you can change them to whatever works best for you, of course. Animate CC 2017 HTML5 Templates-AdWords-v2.zip
  2. Hello guys! Some bad news coming from Google Adwords. "Beginning December 11, Google will no longer support HTML5 ads with clickability modified using Tap Area or Javascript ExitApi.exit()." https://support.google.com/adwords/answer/6335679?authuser=0 Also all of you can noticed that TweenMax no longer available as an asset from internal Google library. Could greensokers give any clearance to this topic? Thanks in advance!
  3. I want this: https://support.google.com/webdesigner/answer/6212374?hl=en&ref_topic=3243982 to be possible in Adobe Edge Animate. So, I want to load content from a feed from adwords and show it in the ad I've created with adobe edge animate. I can't find how to do this. Anyone has a template or something?
  4. Is there a way to start the html banner animation WHEN the <iframe> gets on screen when developing for AdWords? I am new to banner design/dev but I know my way around with html/js. This is what I have found so far: the ad is served within an <iframe> so I cannot snoop on parent scroll position due to cross origin policy AdWords has a 30 sec animation limit, so if the animation starts on page load, it can be over by the time the user scrolls over it If it was DoubleClick I could use Enabler.isVisible to do what I want So does anybody know how can I do this for AdWords (without the Enabler)? Thanks!
  5. Hello Everyone, Please help me with advice / best practice for html5 ad development. I have been trying to find some "summ-up post" showing "what goes where", but could not find any, I appologize. My trouble: I convinced the client to move from swf to html5 banners, followed Chris Gannon's example and developed html5 ads for Google AdWords. When uploading the ads data, client got the error: "Uploaded ad includes html5 code we can not approve: script. Please …" The error call is not very helpful for me, I don't see clearly where to fix this. I am using svg file, hosted image, GSAP TweenMax, I followed google image ads guidelines, wrapped svg in html file, then put svg, minified TweenMax.js and html file in *.zip Here is code I use for html wrapper: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="ad.size" content="width=300,height=250"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>IDSYS</title> <style> .banner {position: relative} .banner300x250{width: 300px; height: 250px} .banner120x600 {width: 120px; height: 600px} .banner160x600 {width: 160px; height: 600px} .banner728x90 {width: 728px; height: 90px} </style> </head> <body> <object type="image/svg+xml" data="IDSYS_a300x250.svg" class="banner banner300x250"> <!-- <param id="clickTag" value="www.idsys.cz" /> --> </object> </body> </html> sample zip with SVG, html and js files attached to this post: IDSYS_a300x250.zip If anyone could find some time, please help. Best wishes, kuba
  6. Hi all, I'm the author of TweenUI, a GSAP-based HTML5 Banner Builder in your browser. We recently launched a new version and would really love to get some feedback from the amazing GreenSock community. Some key new features include: - Export for AdWords/DoubleClick - Choose between inline GSAP and Google CDN hosted - Upload fonts (ttf/otf), which will convert to optimized inline woff with only used glyphs included. The tool is free for personal use, but exporting for AdWords/DoubleClick requires a paid plan. Send me a PM and I'll set you up if you want to give it a try. Check out the animator at https://tweenui.com/animator/. Any comments or suggestions would be greatly appreciated. All the best – and of course – happy tweening! Erik
  7. Hi everyone Just in case it has not been mentioned yet whenever you use svg in your htmls, make sure to explicitly close the all elements: i just had an issue with a set of banners to be uploaded to adwords and would like to share the essence: for AdWords always use <path..></path> instead of <path .../> while all browsers seem fine with the shorthand closing, adwords actually is not. it took the adwords technical support 3 days to realize: Hope it helps to save you time and frustration Cheers Gatekeeper74
  8. Hi, i have flash banners for adwords , with greensock scripts. (Its posible topublish it only with as3.) Adwords know how to convert AS2 to HTML5 for mobile ads, but not AS3. Is there any solution to convert/publish/ ... it as AS2 , or adwords-html5 compatible way ? Hope for comunity Thanks , bye