Jump to content
Search Community

Bradley Lancaster

Members

  • Posts

    42

  • Joined

  • Last visited

 Content Type 

Posts posted by Bradley Lancaster

    Google DoubleClick Custom Dynamic Banners

    in Banner Animation

    Posted

    Here is an example @maxflick injection two images after the page loads using the feed generated by studio after uploading the feed.

    The click tags and api have been added and notice the folder structure is all in the root folder.

     

    Notice in the console you will see Studio SDK load.

     

    The images are hosted on S3 buckets you could easily make text editable in the feed as well.

     

    Hope this helps :-).

     

    300x600.zip

    Google DoubleClick Custom Dynamic Banners

    in Banner Animation

    Posted

    On 5/16/2018 at 3:19 PM, Oliver Müller said:

    There is no need to use GWD for DoubleClick. 
    The Banner requirements depend on which DC Environment you will upload your Banner Ads.
    There are:

    • Double Click for Publishers
    • DoubleClick Studio
    • DoubleClick Campaign Manager

    Will you upload directly to DC Environment or are you or your Customer using a Third Party Template to upload your Banner Ads?
    If this is the case, there may be other banner specifications to follow.

     

    Hi Oliver thanks for you reply, i got things working. I set up the content then i share the Ad Id for the media agency. They traffic the ads via Campaign Manager and Adobe Advertising Cloud.

    Google DoubleClick Custom Dynamic Banners

    in Banner Animation

    Posted

    On 5/15/2018 at 2:04 PM, GreenSock said:

    Howdy, Brad. I can't imagine that DoubleClick would require that ads be built in GWD. That'd be pretty shocking. I know that a ton of ad designers/developers like yourself love building things with GSAP alone, and I also know that DoubleClick (and every major ad network) not only accepts GSAP-based ads but GSAP is the only robust animation library that is whitelisted from file size calculations. So I'd be very surprised if you ran into any problems with pushing a GSAP-based ad through any of Google's ad channels.

     

    But again, I can't speak in any official capacity because I'm not Google and I don't really know much about their policies/requirements these days. Have you asked them directly? 

     

    Perhaps one of the other ad gurus around here can chime in, like @ohem, @Oliver16Years, @davi, @volcanoflash, or @somnamblst. 

     

    Good luck with the project!

    Thanks i followed some advice here and got it working such a relief!

    Google DoubleClick Custom Dynamic Banners

    in Banner Animation

    Posted

    On 6/9/2018 at 2:05 AM, somnamblst said:

    I have just successfully combined Animate CC Canvas animation with Doubleclick Rich Media Studio served Dynamic content, using z-index.  And I was able to incorporate all the DCRM stuff in an Animate publish template, so all the designers will be able to create their own DCRM creatives.

     

    Edited to add DCRM support are dicks when they find out you are using Canvas.

    Very interesting approach i think i will need to get onto using Animate CC so i can get some help from the Design Studio at work. Right now i can't keep up with the workload and i am the only HTML5 developer. 

    • Like 1

    Google DoubleClick Custom Dynamic Banners

    in Banner Animation

    Posted

    Hi Everyone,

     

    Thanks so much for your replies and help. I have successfully created dynamic ads using the Studio HTML5 SDK.

     

    I follow the build guide @ohem referred to after completing two courses on the Google Academy of Ads.

     

    These are the courses you need to do to understand how to get feeds set up in Studio and set up Advertisers and Campaings.

     

    DoubleClick Studio Basics

    DoubleClick Dynamic Creative Basics

     

    Emailing Google to Get Studio Access did not work so i had to use the chat for account creation.

    Dynamic Content is not set up as default i had to contact Google again (via chat) to have them change this setting.

     

    There are around 30 steps to set this up the first time after you create your feed you can generate the feed code.

    Inject the feed data with your own data.

     

    I had to swap out low resolution images with high resolution images from an S3 bucket for a job as i was limited to 80kb but the client complained about image quality. We used dynamic ad placement to change the ad slot and now the client is happy. The things we have to do for some clients :-).

     

    Cheers,

    Brad

    Google DoubleClick Custom Dynamic Banners

    in Banner Animation

    Posted

    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

     

     

    Banner Work

    in Banner Animation

    Posted

    Here in Australia they can't find banner developers so i am in hot demand, they want cross skills through to front end development and some UI/UX and digital design. Big companies for campaign work, they also want me to do eDM stuff as well.

    Best Place to View HTML5 Banner Portfolios

    in Banner Animation

    Posted

    Hey here is a GSAP HTML5 Banner framework i built for Flight Centre Australia where i work.

     

    https://bradleylancaster.com/portfolio/flight-centre-html5-banner-framework-gsap/

     

    The framework is build using In and In-Out transitions based on functions so that different frames can be played at different times.

    So based on the product type if it has Bonus Text, Tick Frames, Save Frames, Standard Frames things can be chained together.

    This really worked i created hundreds of banners over the past six months for them for many different campaigns.

    I will be building up this page soon to demonstrate the theory and logic behind it soon but there are live links available now to see some of the sets in action.

     

    GIF banners

    in Banner Animation

    Posted

    At work i don't make Gif's i use GSAP to do transitions and stack images on top of each other they look like Gif's but better image quality.

    Gif's make a lot of images look terrible.

    The bonus is we can then serve them in Sizmek so instead of 80kb we get 200kb. 

    I created a very basic Double Triple Quad framework base so it's quick and easy.

    Another benefit of doing this is you don't have to end on the third frame for example you can end on second or first depending

    on the use case.

     

    Here is a billboard using this example.

     

    https://www.dropbox.com/s/wkrcsk8tww6v5z3/BILLBOARD_970x250.zip?dl=0

    Sizmek Biolerplate??

    in Banner Animation

    Posted

    On 9/20/2017 at 6:04 AM, Oliver16Years said:

    SIZMEK is no problem if you:

     

    - Zip the ad's folder into a max 200k .zip.

    - Make a fallback.jpg and include it in the zip

    - Include GSAP from any secure CDN

    - Load <script src="https://secure-ds.serving-sys.com/BurstingScript/EBLoader.js">

    - Make a clickable area with <div id = "clickthrough-button" ></div>

    - and Include this snippet in Your HTML:
      

    
/// SIZMEK SCRIPT
var adDiv;
function initEB()
{
    try
    {
        EB.isInitialized() ? startAd() : EB.addEventListener( EBG.EventName.EB_INITIALIZED, startAd );
    }
    catch ( a )
    {
        startAd();
    }
}
function startAd()
{
    adDiv = document.getElementById( "ad" );
    addEventListeners();
}
function addEventListeners()
{
    document.getElementById( "clickthrough-button" ).addEventListener( "click", clickthrough );
}
function clickthrough()
{
    EB.clickthrough();
}
window.addEventListener( "load", initEB );
/// END SIZMEK SCRIPT 


    But the most important is to beg for/steal a sizmek login to test Your ads in their fantastic MediaMind/Eyeblaster/ACM web app. :) 

     

     

     

    Thanks so much this totally worked i add this to any HTML banner and it works no Sizmek template needed appreciate you providing this info!

    • Like 1

    Sizmek Biolerplate??

    in Banner Animation

    Posted

    HI everyone, really happy to get a job animating HTML5 banners using GSAP. Making and animating the banners are not the problem, i am having a problem getting them loaded into sizmek. I followed some documentation and registered click events but the agency i have to send them to says they won't work. Does any one have a blank biolerplate i can load my project into with sizmek built into it. The static banner template from sizmek set they gave me keeps throwing errors it's just a simple one size banner that needs a to be fully clickable. 

     

    Any help would be appreciated.

1
2
Page 2 of 2  
×
×
  • Create New...