Jump to content
Search Community

Search the Community

Showing results for tags 'dcm'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

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


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 7 results

  1. I am a freelance banner animator with ~12 years experience in advertising and over two years of HTML5 specific experience. I have used the GSAP for years, ever since TweenNano allowed very small Flash banners to be developed. My updated portfolio is located at mikehopkinsmm.com, and my LinkedIn profile. My rate is $45 per hour.
  2. Obviously I control nothing that DCM uses to insert banner ads, and yes I am bending the DCM vs DCRM rules (video equals Rich Media). The horizontal scroll is really wide, the vertical about 10 pixels. That being said does anyone see anything that jumps out at them. <style type="text/css" style="display: none !important;"> * { margin: 0; padding: 0; } body { overflow-x: hidden; } #wrapper{ position: relative; width: 300px; height:250px; z-index: 1; } #player { top:55px; left:8px; width: 280px; position: absolute; } </style> <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> <script src="mealKit_300x250_youtube_noZindex_TS.js?1493820012728"></script> <script> var canvas, stage, exportRoot; function init() { // --- write your JS code here --- canvas = document.getElementById("canvas"); exportRoot = new lib.mealKit_300x250_youtube_noZindex_TS(); stage = new createjs.Stage(canvas); stage.addChild(exportRoot); stage.enableMouseOver(); createjs.Ticker.setFPS(lib.properties.fps); createjs.Ticker.addEventListener("tick", stage); } </script> <!-- write your code here --> <script type="text/javascript">var clickTag = "https://www.google.com";</script> </head> <body onload="init();" style="background-color:#D4D4D4;margin:0px;"> <div id="wrapper"> <div id="player"></div> <canvas id="canvas" width="600" height="500" style="background-color:rgba(205, 152, 101, 1.00); width:300px; height:250px" onclick="javascript:window.open(window.clickTag)"></canvas> </div> <script> // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '154', width: '250', videoId: 'XAtmYu0bbKo', playerVars: { 'autoplay': 1, 'modestbranding':1, 'controls': 1, 'fs': 0, 'rel': 0 }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } var playerReady = false; // 4. The API will call this function when the video player is ready. function onPlayerReady(event) { playerReady = true; player.mute(); } // 5. The API calls this function when the player's state changes. // The function indicates that when playing a video (state=1), // the player should play for six seconds and then stop. function onPlayerStateChange(event) { if (event.data == YT.PlayerState.ENDED) { <!-- alert('done'); --> } } </script>
  3. 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
  4. Hi I think a project I will be doing soon will require the drawSVG plugin to animate an svg path. I know that this is a benefit of the GSAP membership and the files are downloaded from the member area. What i would like to know is the drawSVG plugin an additional js file that will need to be included in the creative and therefor its file size or is it included in the file size exclusions that GSAP generally benefits from. thanks
  5. 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
  6. I have an ad that was built by another agency as a rich media HTML5 ad and put through Doubleclick studio. We need to get it hosted onto DCM for another use, and our team usually builds our ads in Adobe Edge and uploads to DCM. I need to convert it so that we can upload to DCM. The ad has exits for studio, and I tried replacing the exits and added the DCM clicktag code, but when I upload to DCM, it's not going to the proper URL. It's using the backup ad's URL for all of my clickTags. Does anyone have any experience with this? What am I doing wrong? Here is the exit code that I replaced: function bgExitHandler1(e) { Enabler.exit("click1"); } var exit1Link = document.getElementById('exit1Link'); exit1Link.onclick = bgExitHandler1; function bgExitHandler1(e) { Enabler.exit("click1"); } function bgExitHandler2(e) { Enabler.exit("click2"); } function bgExitHandler3(e) { Enabler.exit("click3"); } function bgExitHandler4(e) { Enabler.exit("click4"); } function bgExitHandler5(e) { Enabler.exit("click5"); } document.getElementById("exit1").addEventListener("click", bgExitHandler1, false); document.getElementById("exit2").addEventListener("click", bgExitHandler2, false); document.getElementById("exit3").addEventListener("click", bgExitHandler3, false); document.getElementById("exit4").addEventListener("click", bgExitHandler4, false); document.getElementById("exit5").addEventListener("click", bgExitHandler5, false); <b><a id="exit2" href="http://www.astrazeneca-us.com/cgi-bin/az_pi.cgi?product=seroquelxr&country=us&popup=no" target="_blank">Please read full Prescribing Information for <br>SEROQUEL XR, including Boxed WARNINGS</a>.</b> Here is the clicktag code I replaced it with: <script type="text/javascript"> var clickTag = "https://www.seroquelxrtouchpoints.com/home"; var clickTag2 = "http://www.astrazeneca-us.com/cgi-bin/az_pi.cgi?product=seroquelxr&country=us&popup=no"; var clickTag4 = "https://www.seroquelxrtouchpoints.com/common/contact-us/"; </script> <a href="javascript:window.open(clickTag)" target="_blank"> <div id="click_btn"></div> <div id="click_btn1"></div> </a>
  7. 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
×
×
  • Create New...