You can build HTML5 creatives for Studio using the Studio's HTML5 SDK with your favorite code editor or an authoring tool like Google Web Designer.
Use the Studio HTML5 SDKIf you prefer to write your own JavaScript, CSS, and HTML using your favorite code editor, add the 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
- Follow the guides for other HTML5 editors below
- How to use the Enabler
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 Studio.
The Enabler is automatically included in the code when you select the "Display & Video 360" environment in Google Web Designer.
Get started
- Follow the Google Web Designer guides below
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 |
||||
Related articles |
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.
Guides for Google Web Designer |
Guides for other HTML5 editors |
||