About DoubleClick Studio creatives
You can build DoubleClick Studio creatives using Google Web Designer, your favorite authoring tool, or any source code editor. Studio's software development kit (SDK) and components help you add creative features such as videos, image galleries, and maps. Each component has built-in tracking for detailed data about your creative's performance.
- Learn how Google Web Designer works with Studio
- Review popular format guides to learn how to build creatives
- Learn how to use Studio custom components to add interactive features
Different media agencies have different specs depending on the publishers and networks they work with. Make sure to get the most up to date specs from them. Publishers are changing slowly.
Review the IAB's creative format guidelines for their recommendations:
See our guide for tips: Reduce HTML5 file size
We're working to launch HTTP live streaming (known as HLS) or adaptive bitrate streaming for videos transcoded by Asset Library.
@font-facewhen Google Fonts are not an option and the client wants their official font?
Studio supports uploading font files into Asset Library (EOT, TTF, WOFF, OTF). You can then use the CSS
@font-face rule to apply custom fonts to your creative. However, the fonts are loaded along with the creative assets, which increases file size.
The Google Web Designer team is working on a pilot program in which custom fonts are stored on the Google Cloud Font CDN. Contact your DoubleClick sales representative if you're interested in being a part of the pilot. The team has a goal to include this feature as a built-in function of Google Web Designer. Check the release notes to learn about new features as they're added.
- Template Database
Select from hundreds of existing templates and sample code. Use filters to find formats and features you need and use these templates as a starting point for your next creative build.
- HTML5 Layouts
Customize proven HTML5 Layouts to turn your creative assets into Rich Media HTML5 ads in minutes.
- HTML5 Rocks
Get information on HTML5 features, including when and how to use them.