Search
Clear search
Close search
Google apps
Main menu
true

Get started with Studio

Build an HTML5 creative

You can build HTML5 creatives for DoubleClick Studio using the Studio's HTML5 SDK with your favorite code editor, an authoring tool like Google Web Designer, or DoubleClick Studio Layouts. Learn more about each option below.

Use the DoubleClick Studio HTML5 SDK

If you prefer to write your own JavaScript, CSS, and HTML using your favorite code editor, add the DoubleClick Studio Enabler, and use the Enabler's methods to add custom tracking, expand, or close the creative. After you've set up your files, you can upload them to Studio, then push them to a linked ad serving platform.

Get started

Use Google Web Designer

Google Web Designer gives you the power to create beautiful, engaging HTML5 content. Use animation and interactive elements to bring your creative vision to life, and enjoy seamless integration with DoubleClick Studio.

The Enabler is automatically included in the code when you select the "DoubleClick" environment in Google Web Designer.

Get started

  • Follow the Google Web Designer guides below
Use Studio Layouts

Layouts provides a pre-built creative with event tracking in Studio. All you have to do is pick the Layout you want, upload your existing assets, add your desired copy, and publish. There are several HTML5 Layouts available. Learn more about layouts for a fast and easy solution for building rich HTML5 creatives.

Create ad formats

Use these guides to learn how to create ad formats step-by-step in your favorite HTML5 editor.

Guides for Google Web Designer

           

Guides for other HTML5 editors

Image of Google Web Designer product logo                          Image of HTML5 logo

Related articles
Use Google Web Designer with Studio

     

Add features

After you build an ad format, add interactive features and tracking to see how viewers interact with your creative. Use the guides below to learn how. To make it easier to add advanced creative features (for example, maps and interactive videos) you can install custom components in Google Web Designer, or add HTML5 custom elements.

Best practices

Was this article helpful?
How can we improve it?