Jump to content

Search the Community

Showing results for tags 'doubleclick'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 / JS
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 20 results

  1. Hello, I'm trying to create a banner with GSAP and a DoubleClick dynamic feed. Basically dynamic content is pulled into my banner via JavaScript. In order to animate the content I need to wait until the content has been inserted first. This is because I'm animating the heights of DIVs that contain content and if I don't wait until the content has been inserted the heights will be wrong. I've tried various things like document ready and window onload but it doesn't seem to be working. The CodePen I have attached is the closest I've gotten but the issue is, now that I've reordered the code the GSAP animation no longer plays automatically. Could somebody help me please? https://codepen.io/cbg/pen/pqjbmx
  2. Hi everyone, Please i need to know if Dynamic (feed driven) Google DoubleClick banners can be hand coded and not created using Google Web Designer. If so does anyone have any base templates to start from. I hand code everything using GSAP and i just want to inject the data using Javascript and not be tied down to Google Web Designer. I am willing to pay for Live Online training for someone who can help me with this or even doing builds in Google Web Designer and adding custom code. Any help would be much appreciated. Thanks Brad
  3. This isn't a GSAP question, but I was wondering if you guys had gotten this from a media agency before. Four of the six ads we sent over got kicked back from their QA (I'm assuming they're using DCM, since they're standard banners), and they reason they gave was: "One of your HTML5 assets is invalid and cannot be analyzed. Please correct any malformed assets and try again." Have you guys seen this before? These ads are all based on the same code, so I don't understand why some of them passed and some failed QA. I've tried a bunch of stuff, like un-minifying the javascript, deleting comments that reference unused assets, but I really feel like I'm shooting in the dark here. I would have thought it was an issue with nested assets, or too many assets, but that doesn't seem to be the case. We reached out to the ad ops guys for more clarification, but the media companies seem to have the sense of urgency of a slug, and I really want to get this resolved as quickly as possible. Help!
  4. Hello, Just spend almost the entire afternoon Googling and and browsing forums for this problem. Unfortunately without any answers thus far. So I'm hoping somebody here could help me figure this out. Recently I've created HTML5 banner ads for a clients using Cory Hudsons AdStarter FLA's (version 3.0) for Adobe Animate. See this post and link to the template file: https://theblog.adobe.com/creating-html5-ads-with-animate-cc-google-html5-ad-templates/ The publishing agency that now manages the campaign in DoubleClick has noticed abnormal differences in in CTR rates. It looks like the clickTag is fired more often or double specifically for banners that are being deployed on mobile. Both Google and the publishing agency have checked the campaign. Only thing they could think of is a problem with the clickTag. My questions: Is it possible that there’s something in the code of the template that causes the counter to double up the click count? And only when the ad is viewed clicked/touched upon on a mobile device? ( Apparently CTR rates are normal for non mobile devices while I've used the same template for all the banners) Can there be any other reason why clicks are abnormally high on mobile devices compared to desktop? Some info that might be useful: I did not manually alter any code, except for the exit url Zip files passed all the test from the DoubleClick Html 5 validator All the banners were created using the above mentioned template (And thus use the same clickTag code) Unfortunately I’m not an expert at coding (that's why I used the templates mentioned above) I would really appreciate any help. Thanks!
  5. I've been using this for a while, it's not perfect but the idea behind it I guess is to generate multiple banners with minimal effort plus a presentable preview link, with backup images. https://github.com/bastole/dc-richmedia-automation-template If anyone can review or comment on what can be done for improvementr, it'd be great! cheers
  6. Hi Guys, I've been lurking on this forum for a while and have hit finally got to the point where I need to ask some questions. Firstly I'd like to say Hi and I really like what I've seen on this forum, I've been a full stack developer for 16 years but the banner world is fairly new to me (I did help out with some flash banners way back). The situation I'm in is I'm a tech lead, the previous front end dev used to look after the banners and the process was very adhoc. I have a freelancer with no banner experience so I'm trying to hold his hand through the process even though I don't know much more than him. I'm trying to put some processes and standards in place for banner development. For the campaign that I'm working on currently, I've tried out this Yeoman generator - BuildABanner , using the DoubleClick template. I like what I see, it's generating a nice folder structure, with nice gulp tasks and best practices (polite loading content etc). Using the DoubleClick template it makes proper use of the enabler events and it's triggering an Exit event as the clicktag. I can see in the console when I click on it that the enabler is receiving the event. Example; bgExit = document.getElementById('background_exit_ad'); //Add Event Listeners for DoubleClick addListeners = function() { bgExit.addEventListener('click', bgExitHandler, false); } bgExitHandler = function(e) { //Call Exits Enabler.exit('HTML5_Background_Clickthrough'); } I've been tasked with developing some banners built to 'doubleclick' spec but will be served on two different networks/suppliers (Cadreon and Ansible). I'm still struggling to grasp the difference between the platforms and networks etc. So I thought I'd do a test before sending it off to the media agency (so I don't look like an idiot). I tried out this DoubleClick Campaign Manager HTML5 Validator. When I validate my banner (with the above click tag) it passes all the rules except for the click tag and says that it's not present. I thought that the enabler.exit event was the best practice way to do this? When I look back at some previous banners developed by my old front end dev, he had simply referenced the enabler.js, but implemented the click tag this way, marked up in the comments as "Standard ClickTag"; Example; <html> <head> <meta name="ad.size" content="height=0,width=0"> <script src="https://s0.2mdn.net/ads/studio/Enabler.js"></script> <script> var clickTag = "http://www.google.org"; </script> </head> <body> <a href="javascript:window.open(window.clickTag)">blah</a> </body> </html> Adding this into my banner along side the exit event would be doubling up the events so as I see it - I should be using one or the other? Is this tool just stupid? I don't mind simplifying the code and doing it the generic way but it makes more sense to me as a dev to use the proper events within enabler and it would also allow me to keep the buildabanner generated code as untouched as possible. Also does anyone have any feedback on the buildabanner system itself?? Does anyone use it? Or do you use a different yeoman tool? Very keen to hear some real world feedback on this. Thanks Marty
  7. 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
  8. Hi All - Edit: I plan to hand code everything. This may sound incredibly daft, but I'm in search of master files of code I can modify for ads to upload to DCM. Not the GSAP part, but the rest. I've used GSAP with Flash for years and it's my great, great love affair, but am not very bright when it comes to CSS or JS. The tutorials do an excellent job of giving me enough insight to use GSAP, but the additional code required for DC ads seems to be scattered and elusive. I need to make sure I get that stuff right because I desperately want to get away from the blunt tool they call GWD but my client has little patience for failed creative. While I've been doing a lot of searching, I'm coming up overwhelmed and confused. Maybe I just don't know what exactly to look for. Again, designer not coder. Looking at the DCM support site, I'll need master files that have the following set up (an .HTML, a .CSS and a .JS, right?): - HTML5 Enabler - Polite Load - Visibility Handler - Exit Isn't there a template out there? Why isn't there a template out there? Seems like a pretty straightforward copy pasta. Standard code that one would use in every ad. Any help is greatly appreciated. Got something I can try? It may seem elementary to most, but if I had something I could simply change the size and add elements/animation to pass off to my campaign manager that would pass their QA, I could focus on manipulating the GSAP. Cheers, Christian
  9. Hi, I'm working on a banner ad campaign which specs says in regards to size: Max file size: 40k. Max polite file size: 150k. When researching about GDN Banner Ads and polite loading the only thing I get is: https://support.google.com/adwordspolicy/answer/2804378?hl=en Which states: Maximum initial load is 50KB, and after initial load, you can have up to 2.2MB "polite" load.My question is where can I get sample code where it shows how to polite load a banner for GND (not Studio so I guess is sans Enabler).
  10. Hi has anyone used greensock successfully in in DCM (Doubleclick Campiagn Manager)? It states that they don’t accept assets that use local storage or session storage https://support.google.com/dcm/partner/answer/3145300 Just wondered if that rules out GSAP Thanks
  11. Hey Greensock peeps, I wonder how many of you have put a greenstocking over the fire place yet? So, my first experience with GSAP was with banner ads in Flash, and now I've graduated from Flash and moved onto HTML5 banner ads (That means I get to work on annoying you on your phone and tablet, YAY!). I wanted to find out how many people here have been using GSAP for their HTML5 banner ad production? I've also been using an Ad Platform named Celtra recently, which has its own very rudimentary animation system, no where near as flexible as GSAP but they have nifty components for Video and other interactions built for mobile. BUT! It has taken me a whole day to actually get my head around implementing GSAP within their platform. (everything is heavily sandboxed, so you can't bring down their system I guess?). And I wondered if anyone else here was doing something similar.
  12. Hi there, long-time lurker, first-time poster. I have an obnoxiously complex set of dynamic banners (content pulled in through a feed) where there are dozens of different static elements that can be called depending on one of the variables passed into the feed. I'm using TimelineMax to animate them. There are 2 timelines running simultaneously: one with foreground content, and a background animation. The elements being tweened on each timeline are mutually exclusive and the timing doesn't relate. They should both start on load and play independently. The whole thing is MUCH more complex than this but I've simplified it down to the gist of the structure. Everything works perfectly ~8 times out of 10 while hosted on Doubleclick (Chrome, Firefox, Safari tested on Mac all similar results), and every time locally. It's just every once in a while the elements on the "animationTL" will suddenly revert back to opacity:0 after they've tweened in. The whole "mainTLready" and "animationTLready" thing is also a workaround for a different issue I was encountering. If I just let each timeline play immediately, sometimes, when hooked up to the dynamic feed, it would hang up and nothing would animate at all. So this seems to correct that problem, but I couldn't replicate the issue on my end so I'm not 100% sure. function init(){ graphicsAnimation(); //build mainTL: uses .to, .from, .staggerFrom, .add mainTLready=true; playBanner(); } function graphicsAnimation(){ //build animationTL (inside switch statement cases): .set, .from only. //Most of these animate x/y and opacity. ".set"s are declaring scale, top & left values. animationTLready=true; playBanner(); } function playBanner(){ if(mainTLready&&animationTLready){ document.getElementById('content').style.visibility = "visible"; mainTL.play(); animationTL.play(); } } TL;DR "from" tweened elements revert after tweening back to their pre-tween state. Works locally, breaks ~20% of the time loaded on Doubleclick with text and images pulled from dynamic feed. So um, any ideas? Let me know if you need more info. Thank you!
  13. I know there is a DoubleClick CDN topic but because Google has too many little rules for their different ad platforms, I thought I would make this topic especifically for their Rich Media account as the other CDN topic seem to focus more on their Campaign Manager details. So, carl help us here, please: Like you said, I am getting in touch to let you know DCRM has rejected one of our ads because we linked to GSAP via the CDN you guys provide. For now, the client is getting very twitchy so I am going to drop the library in and reference it locally but if you have a contact at Google and would like to poke them with that, it would be great. And, if they have finally sorted out their own CDN for GASP, could you let me know? Attaching a pic of the rejection report in case it helps you. I had to redact some bits due to client confidentiality.
  14. Just sharing this if anyone hasn't got an email from DC yet. They're doing a series of hangouts on getting to grips with HTML5 Banner creation: https://support.google.com/richmedia/answer/1343040#hangout?utm_medium=email&utm_source=email&utm_campaign=h5-hoa-series-dclk-mktng-email-studio-cert&utm_content=h5-hoa-series You should see a series of events that you can join from HTML5 Immersion, How to QA, Hand Coding and Advanced GWD. Google+ Page: https://www.google.com/+DoubleClickRichMediaTraining YouTube Channel: https://www.youtube.com/channel/UC8aEkSJJF_21nKrpJUAAsbQ
  15. Does anyone know what the maximum number of files we can zip up for double-click standard HTML banner (For U.S.)? I've seen 10 files in some specs, and others have said it's now unlimited? Has anyone pushed more than 10 files through the double-click DCM?
  16. I'm having in issue where DoubleClick is throwing an error when uploading a standard banner with inline svg; to DoubleClick Campaign Manager. It seems to have proplems when the inline svg references clip paths and fills using url(). The SVG that illustrator outputs has two parts in it where I'm using a basic mask and a gradient fill. Like this: clip-path:url(#SVGID_2_); fill:url(#logo_1_); When you upload the banner DoubleClick detects those two as url requests and looks for files named "#SVGID_2_" and "#logo_1_" which obviously don't exist because the are references to ids in the inline svg code. DoubleClick throws and error saying there are missing files. This is basically putting a halt to wrapping up what was a finished banner until I tried to upload it. Has anyone else experienced this and found any work around? I'm doing some pretty basic stuff with SVG here so it is rather disappointing to run into this. Thanks.
  17. http://doubleclickadvertisers.blogspot.com/2015/07/making-it-easier-to-run-mobile-friendly.html A step by step tutorial https://www.doubleclickbygoogle.com/articles/how-build-html5-ads-step-step-workshop/ also linked in this post HTML5 Toolkit http://www.richmediagallery.com/resources/html5-toolkit#h5ToolkitPath:%2Fhtml5%2Ftoolkit~
  18. Hi, I just finished reading your "Solutions for Banner Ads in a post-Flash world" article and in it you state that Doubleclick hosts GSAP on a CDN. Where could i find the SRC for that? I have the Cloudflare SRC, is it the same, or a different one? Thanks to anyone that can answer!
  19. I was wondering how do you detect that GSAP is loaded into the DOM and ready to animate the banner? DoubleClick provides you with this in their example of polite loading a banner, where the JS and CSS is loaded later into the DOM. <script src="http://s0.2mdn.net/ads/studio/Enabler.js" type="text/javascript"></script> <script language="javascript"> //Initialize Enabler if (Enabler.isInitialized()) { init(); } else { Enabler.addEventListener(studio.events.StudioEvent.INIT, init); } //Run when Enabler is ready function init(){ if(Enabler.isPageLoaded()){ politeInit(); }else{ Enabler.addEventListener(studio.events.StudioEvent.PAGE_LOADED, politeInit); } } function politeInit(){ //Load in Javascript var extJavascript = document.createElement('script'); extJavascript.setAttribute('type', 'text/javascript'); extJavascript.setAttribute('src', Enabler.getFilename('DCRM_HTML5_inPage_Polite_300x250.js')); document.getElementsByTagName('head')[0].appendChild(extJavascript); //Load in CSS var extCSS=document.createElement('link'); extCSS.setAttribute("rel", "stylesheet"); extCSS.setAttribute("type", "text/css"); extCSS.setAttribute("href", Enabler.getFilename("DCRM_HTML5_inPage_Polite_300x250.css")); document.getElementsByTagName("head")[0].appendChild(extCSS); document.getElementById("container_dc").style.opacity=1; document.getElementById("loading_image_dc").style.opacity=0; document.getElementById("container_dc").style.display = "block"; } </script> But I found that when I added GSAP to this, my code would always load first then fire off and not wait for GSAP to be ready. So a dug a little deeper into DC's Enabler.js and found they actually had a loadScript function with call back. <script src="http://s0.2mdn.net/ads/studio/Enabler.js" type="text/javascript"></script> <script language="javascript"> var TweenLiteJS = false, CSSPluginJS = false, EasePackJS = false; //Initialize Enabler if (Enabler.isInitialized()) { init(); } else { Enabler.addEventListener(studio.events.StudioEvent.INIT, init); } //Run when Enabler is ready function init(){ if(Enabler.isPageLoaded()){ politeInit(); }else{ Enabler.addEventListener(studio.events.StudioEvent.PAGE_LOADED, politeInit); } } function politeInit(){ Enabler.loadScript('//cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/TweenLite.min.js', function(){console.log("TweenLite Loaded"); TweenLiteJS = true;}); Enabler.loadScript('//cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/plugins/CSSPlugin.min.js', function(){console.log("CSSPlugin Loaded"); CSSPluginJS = true;}); Enabler.loadScript('//cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/easing/EasePack.min.js', function(){console.log("EasePack Loaded"); EasePackJS = true;}); Enabler.loadScript('script.js', function(){console.log("BannerScript Loaded"); Banner.init();}); //Load in CSS var extCSS=document.createElement('link'); extCSS.setAttribute("rel", "stylesheet"); extCSS.setAttribute("type", "text/css"); extCSS.setAttribute("href", Enabler.getUrl("styles.css")); document.getElementsByTagName("head")[0].appendChild(extCSS); document.getElementById("banner").style.opacity=1; document.getElementById("loading").style.opacity=0; document.getElementById("loading").style.display = "none"; document.getElementById("banner").style.display = "block"; } </script> So I ended up with this in the HTML and then this in the JS Banner.init = function(){ //Just an extra check to make sure all library files have loaded as well. if (document.readyState === "complete") { if( !TweenLiteJS || !CSSPluginJS || !EasePackJS) { console.log("Not ready to animate yet, try again in 500ms"); setTimeout( Banner.init, 500 ); } else { console.log("Animation start"); Banner.animate(); addListeners(); } } } And it works, the animation isn't fired off before its ready to. I was just wondering if I've over complicated things, or I've missed something. I actually got this idea from @letssock when talking about implementing GSAP into Celtra.
  20. Hi there. I am trying to setup doubleclick with GSAP. However, when I add the enablers and etc, it causes my ad to freeze. I created a codepen. Please let me know if you see something obvious that I'm doing wrong. Thank you!