Publish your work

Publish dialogue settings

• Name: Specify the name for the ZIP file or folder for the document and supporting files. By default Google Web Designer uses the same name that you specified for the HTML file when you created the file.

• Location: Choose the location where you want to save the ZIP file or folder. You can enter the path to the location, or click the folder  icon to browse your file system.

• Size: For responsive layouts, you can select the Export sizes individually tickbox to generate published files separately for each selected size in the dropdown.

• Select or deselect the following publishing options. Some options may be unavailable for your document type:

  • Flatten Files – Places all files into a single folder. (Selected automatically for ads.)
  • Create ZIP – Compresses all files into a single ZIP file.
  • Inline local files – places the JavaScript and CSS within the HTML file, rather than in external files. (Selected automatically for AMPHTML ads.)
  • Minify – Compresses the source code for a smaller file size.
  • Polite loading – delays the loading of assets until the hosting page finishes its initial load. (Unavailable for AMPHTML ads.)
  • Add border – adds a one-pixel border, using the colour that you specify. (Unavailable for AMPHTML ads.)

• CSS prefix: Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

Once the settings are complete, click Publish.

After publishing, you can share the resulting ZIP file or folder, or upload it to an ad platform such as Google Ads or to a web host.

Publish dialogue settings

• Name: Specify the name for the ZIP file or folder for the document and supporting files. By default Google Web Designer uses the same name that you specified for the HTML file when you created the file.

• Location: Choose the location where you want to save the file. Either enter the path to the location where you want to save the file or click the folder icon to navigate to an appropriate location.

• Size: For AdMob responsive layouts, you need to publish the ad separately for each size that you want to use. Select the ad size from the size drop-down.

• Select or deselect publishing options. Some options may be unavailable for your document type.

  • Inline local files – places the JavaScript and CSS within the HTML file, rather than in external files. (Selected automatically for AMPHTML ads.)
  • Minify – Compresses the source code for a smaller file size.
  • Polite Loading – Delays the loading of assets until the hosting page finishes its initial load. (Unavailable for AMPHTML ads.)
  • Add Border – Adds a one-pixel border, using the colour that you specify. (Unavailable for AMPHTML ads.)

• CSS prefix: Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

Once the settings are complete, click Publish.

After publishing, you can share the resulting ZIP file or folder, or upload it to an ad platform such as Google Ads or to a web host.

Publish dialogue settings

• Account: Enter the name of the Studio account.

• Advertiser: Enter the name of the advertiser. You can choose an existing advertiser or you can create a new one.

• Campaign: Enter the campaign name for the ad that you're uploading. You can choose an existing campaign or, if you enter a new name, you can create a new one.

• Size: For responsive layouts, you need to publish the ad separately for each size that you want to use in Studio. Select the ad size from the size drop-down. (If you want to publish the ad only once, you can publish your ad locally, then upload the generated .zip file through the Studio interface.)

• Creative: Enter the creative name.

• Select or deselect publishing options:

  • Inline local files – places the JavaScript and CSS within the HTML file, rather than in external files.
  • Polite loading – Delays the loading of assets until the hosting page finishes its initial load.
  • Add border – adds a one-pixel border, using the colour that you specify.

• CSS prefix: Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

Once the settings are complete, click Publish.

Associated creatives

Publishing a document to Studio creates an association which allows Google Web Designer to remember your settings and reuse them whenever you publish to Studio. Once the association is in place (indicated by a lock icon in the Publish button menu), publishing to Studio saves a new draft of the same creative.

To remove the association:

1. Click the down arrow on the Publish button at the top of the window.
2. In the pop-up menu, click the lock icon next to Studio, then confirm that you want to remove the association.

The next time that you publish to Studio, you can publish the document as a new creative.

Publish dialogue settings

• Publish as: For dynamic ads only, select Draft creative or Custom format.

  Publishing as a custom format

  This feature is currently in beta. Contact your Google Marketing Platform Support representative for more information.

• Partner: Enter the name of the Display & Video 360 partner. If you only have 'Read and write', 'Creative' or 'Creative admin' access to a single partner, that partner is automatically selected.
• Advertiser: Enter the name of the advertiser.
• Creative: Enter the creative name or format name.
• Select or deselect publishing options:
  • Inline local files – places the JavaScript and CSS within the HTML file, rather than in external files.
  • Polite Loading – Delays the loading of assets until the hosting page finishes its initial load.
  • Add border – Adds a one-pixel border, using the colour that you specify.
• CSS prefix: Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

Once the settings are complete, click Publish.

Associated creatives

Publishing a document to Display & Video 360 creates an association which allows Google Web Designer to remember your settings and reuse them whenever you publish to Display & Video 360. Once the association is in place (indicated by a lock icon in the Publish button menu), publishing a creative to Display & Video 360 saves a new draft of the same creative.

No association occurs for custom formats. Publishing a custom format multiple times generates a new format each time, although your partner and advertiser settings will be remembered.

To remove the association:

1. Click the down arrow on the Publish button at the top of the window.
2. In the pop-up menu, click the lock icon next to Display & Video 360, then confirm that you want to remove the association.

The next time that you publish to Display & Video 360, you can publish the document as a new creative.

Requirements

• Campaign Manager 360 account with Trafficking permissions that include Creatives: full access
• Ad type of Banner or Interstitial
• Ad environment set to Display & Video 360
• Exit event
• Maximum total size of 10 MB

Asset guidelines

• Supported file types:
  • Image – GIF, JPEG, PNG, SVG
  • Video – AVI, M4V, MOV, MP1, MP4, OGG, WEBM, WMV
  • Audio – not supported
  • Font – EOT, OTF, TTF, WOFF, WOFF2
  • Other – CSS, HTML, JS, JSON, XML
• Maximum of 99 local assets

Unsupported ad types

• Expandable
• AMPHTML
• Responsive rich media

Publish dialogue settings

Fill in the following fields in the publish dialogue:

• User profile: Enter the name or ID of the Campaign Manager 360 user profile that you want to use.
• Account: This field is auto-filled once you select a user profile, and can't be edited.
• Advertiser: Enter the name of the Campaign Manager 360 advertiser that you want to use. Enter at least three characters to see a list of matching advertisers.
• Campaign: Optionally, if you want to add the creative to a particular campaign, enter the name of the campaign. Enter at least three characters to see a list of matching campaigns.
• Creative: Enter the name that you want to use for the creative.
• Select or deselect the following publishing options:
  • Inline local files – places the JavaScript and CSS within the HTML file, rather than in external files.
  • Polite loading – delays the loading of assets until the hosting page finishes its initial load.
  • Add border – adds a one-pixel border, using the colour that you specify.
• CSS prefix: Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

Once the settings are complete, click Publish.

Associated creatives

Publishing a document to Campaign Manager 360 creates an association which allows Google Web Designer to remember your user profile, advertiser and campaign settings, and reuse them whenever you publish to Campaign Manager 360. The association is indicated by a lock icon in the Publish button menu.

Publishing to Campaign Manager 360 always creates a new creative, even when you use the same name as an existing creative.

To remove the association:

1. Click the down arrow on the Publish button at the top of the window.
2. In the pop-up menu, click the lock icon next to Campaign Manager 360, then confirm that you want to remove the association.

The next time that you publish to Campaign Manager 360, you'll need to enter the user profile and advertiser details.