![]() And I saw a banner ad pen yesterday that used GSAP, that had the Eye Blaster/MediaMind initialization. I only know what I've personally kicked the tires on. Not to say that any vendor is better than the others. Anyone want to collaborate on some DC enabled GSAP powered ad templates? IMO the HTML5 wave will lead to better and more interactive advertising. I also am pretty versed in rich medai ad specs. I am somewhat of a third party ad vendor guru, built my first Pointroll high impact ad in 2005 and began kicking the tires in the Doubleclick Studio rich media space in anticipation of the HTML5 conversion in 2013. That could make GSAP the preferred choice for the Flash banner ad creators that are scrambling to meet the September Chrome deadline for click to play Flash ads. I wonder if they would be open to some GSAP specific ad templates with basic sequential animations that emulate typical Flash animation advertising, i.e text and images that convey a message. Doubleclick appears to have templates for just about anything, including specific publishers. You must use the Preview function to execute the code in a browser instead. Note that the GWD timeline Play button will not trigger your GSAP animation.At this point it is just like creating a GSAP animation on a web page, except GWD has done the initial setup and layout for you. ![]() Find where your Custom Action function was created ('gwd.animation' for example) and put all of your GSAP-related code inside that function, including any 'helper' functions.Add tags to the html to import the GSAP libraries you wish to use.html file that was generated by GWD in your favorite text editor (or use GWD's built in Code View) Save the GWD project and close it, then open the.In the space provided for the function code, just add a javascript comment for now. GWD will put 'gwd.' in front of it in order to keep it in the same namespace as the rest of the banner code. For the new Custom Action, give it a name like 'animation'.Target: Target -> 'page1' (that's the default name GWD gives to the initial state of the banner).On the Events panel, click on the ' +' then use these settings for the dialog: Configuration: Metric ID -> clickTag, and URL -> any base URL for the destination page (this gets overridden with a tracking link by the media folks).ģ.Target: Target -> gwd-taparea_1 (that's the default id GWD makes for the first TapArea you add to the stage),.Going through the dialog to make an Event, set the following: On the Events panel, click the ' +' in the bottom left to make a new Event that will be associated with the Tap Area. Usually media vendors will require a 'clickTag' for the Tap Area, just like for Flash banners:.Generally this is resized to cover the whole stage, but it can also be for a smaller call to action element on the banner. From the Components panel, drag a Tap Area onto the stage on top of everything.This element is for when someone taps or clicks the banner or button to go to the destination page.ADD A TAP AREA WITH CLICK TAG: ( OPTIONAL) These IDs will be used in your GSAP js code later on.Ģ. Then, using the Properties panel, give each element an ID, just like you would for Flash or HTML/CSS.Place your assets on the stage, putting the layers in the deisred top-to-bottom order.Create a new banner in GWD at the desired size,.This process is fresh in my mind, so here's a mini-tutorial to help you get started: Alwayzambitious is correct that in using GSAP with GWD, the GWD interface serves mainly as a layout tool for the banner.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |