As browsers change the way they support Flash, HTML5 is becoming the de facto language for building display ads. In fact, the IAB just launched their updated Display Creative Guidelines to fully embrace HTML5.

To support this transition, we’ve been pivoting our products to better serve an HTML5-first world. In July, we announced file size increases and bidding updates to DoubleClick Campaign Manager and DoubleClick Bid Manager. (These changes will begin rolling out in September.) And today, we’re excited to announce a series of new features for Google Web Designer that help make it easier to build HTML5 ads.

Build content that adapts to different screen sizes:

Instead of laying out your assets using pixel-based values for a specific sized ad (e.g. width = 250 pixels and height = 300 pixels), percent-based authoring lets you build the ad using relative values (e.g. width = 20% of the screen size and height = 10% of the screen size.) Asset size/position is then determined by the screen or viewport size, so that you can build an ad that works on varying screen sizes. Additionally, full-screen support lets ads expand to the full size of the screen. Learn More.

Publish in-app ads to the AdMob Network:

You can now create content in Google Web Designer and publish to the AdMob network. When you choose the AdMob environment from the “New File” dialog, you can select from all the default sizes that AdMob supports. Learn More.

Design better creative:

  • When you build an ad with the new “tilt” event, a viewer can trigger animations or events by simply tilting their mobile device. This is a great way to build ad units that take advantage of the inherent interaction modes of a mobile device. Learn more about events.
  • Users can now create ads that send text messages by using the updated Tap-to-Call component.
  • Find that perfect color and make sure you don’t forget it! The color panel has been updated with a larger color mixer and the ability for users to save color swatches.

More HTML5 resources:

Earlier this summer, we hosted #HTML5Week to provide educational resources for creative developers looking to make the transition to HTML5. View the recordings of our high-level and step-by-step hangouts for more information.

We’re also partnering with the IAB to launch the second wave of the Make Mobile Work Initiative, aimed at educating marketers on how to build successful mobile campaigns. Check out our first webinar from last week, which focused on mobile video and featured speakers from Google, Snapchat, and Tremor Video.
Posted by Becky Chappell
Product Marketing Manager, DoubleClick