Expandable ads

Create a new file

To create a new expandable ad:

  1. Select New File

  2. In the "Create New Blank File" dialog, choose Expandable as the ad type.
  3. Choose from the following options:

    Give the ad a name (required). This will be the name of the HTML file.


    Choose where you want to save the file. You can save your file locally on your computer, or save to Google Drive


    Select the ad environment where you want the ad to run. Google Web Designer supports the DoubleClick environment for Expandable ads only — AdWords and AdMob are not supported. You can also create a generic file with no ad-specific code if you wish.


    Either check "Responsive layout" to create an ad that automatically sizes to match the viewport or ad slot it's displayed in, or set the dimensions for the ad if you know the specific size. Common banner and expandable sizes are listed in their respective dropdown lists. If you want to use a size that isn't listed, select Custom from the dropdown, and enter the width and height manually.

    Expansion Mode

    Set the expansion mode. Choose Default to expand to the dimensions you've set. Choose Responsive layout to let the ad expand to fit the ad slot size. Choose Fullscreen Lightbox when you're using a lightbox ad in DoubleClick Studio.

    When you are creating an ad for a specific screen size, the simplest solution is to create an ad with specific dimensions, and leave Responsive layout unchecked.

    When you want to create an HTML page or ad that will work well for many different sizes, and you're not designing for a specific screen size, you should use responsive layout. Responsive layout uses media queries to recognize different viewport orientations and to change layout rules to restyle the document to fit them.

    Animation mode

    Select the animation mode that you want to use initially (you can switch at any time). Quick mode lets you animate your ad scene by scene, while Advanced mode lets you animate individual elements on their own timeline

  4. Click Ok
Was this article helpful?
How can we improve it?