How to Upload a Website After Design

Publish your work

When you're finished working on your project, you should publish it to create the terminal set of files. Yous tin and then use these files on your ad platform for trafficking, or host the files on a server if your project is an HTML page.

Before yous publish an advertizement, you can verify in the Summary section of the publish dialog that your ad passes all validation checks.

To publish your document:

Click the down arrow on the Publish button at the top of the window to select a destination for the published files.

Locally

When you lot publish locally, Google Spider web Designer generates the published files on your computer so yous can transfer them wherever you need.

Publish dialog settings

• Name: Specify the name for the .zilch file or folder for the document and supporting files. Past default Google Web Designer uses the aforementioned name you specified for the HTML file when you lot created the file.

• Location: Choose the location where you desire to salvage the .nothing file or binder. You tin enter the path to the location, or click the binder icon to browse your file system.

• Size: For Google AdMob responsive layouts, you need to publish the ad separately for each size you want to use. Select the advertizement size from the size dropdown.

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

  • Flatten Files - Places all files into a single folder. (Selected automatically for ads.)
  • Create Goose egg - 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 avails until the hosting page finishes its initial load. (Unavailable for AMPHTML ads.)
  • Add Border - Adds a 1-pixel border, using the colour y'all 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.

One time the settings are complete, click Publish.

Later publishing, you tin share the resulting .zip file or folder, or upload it to an advertizement platform such equally Google Ads or to a web host.

Google Drive

When you publish to Google Drive, Google Spider web Designer uploads the published files to your Google Drive storage, where y'all tin can easily share them.

Non signed in?

If y'all haven't signed in to your Google Account from Google Web Designer, a login page will open up in your browser. Sign in with your Google Drive business relationship credentials.

You'll be asked to allow Google Spider web Designer to integrate with other Google products. Click Allow to continue.

Publish dialog settings

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

• Location: Cull the location where you want to salve 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 demand to publish the ad separately for each size you want to apply. Select the ad size from the size dropdown.

• 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 lawmaking 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 color y'all specify. (Unavailable for AMPHTML ads.)

• CSS Prefix: Select which CSS prefixes you desire 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.

Afterward publishing, you can share the resulting .nada file or folder, or upload it to an ad platform such equally Google Ads or to a web host.

Studio

Requirements

• Studio account
• Advertizement environment set to Display & Video 360

Not signed in?

If you lot haven't signed in to your Google Account from Google Web Designer, a login page volition open in your browser. Sign in with your Studio account credentials.

Y'all'll exist asked to let Google Web Designer to integrate with other Google products, including Studio. Click Allow to go on.

Publish dialog settings

• Account: Enter the name of the Studio account.

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

• Campaign: Enter the campaign proper name for the ad that y'all're uploading. Yous can cull an existing campaign, or if you enter a new name you can create a new 1.

• Artistic: Enter the creative name.

• Size: For responsive layouts just, you need to publish the advertising separately for each size you lot want to utilize in Studio. Select the ad size from the size dropdown. (If you desire to publish the ad only once, you tin can publish your ad locally, then upload the generated .zip file through the Studio interface.)

• 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 Edge - Adds a 1-pixel border, using the color you specify.

• CSS Prefix: Select which CSS prefixes y'all want to include in the file. Past default, all are selected to provide the widest range of browser compatibility.

Once the settings are consummate, click Publish.

Associated creatives

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

To remove the clan:

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

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

Display & Video 360

Publish to Brandish & Video 360

If you have a Brandish & Video 360 business relationship and the ad environment is ready to Brandish & Video 360, Google Spider web Designer lets you publish your creative directly to Display & Video 360. Your artistic is saved as a draft, and won't be trafficked until you explicitly publish information technology from your Display & Video 360 account.

If your document is a dynamic advert using the Brand Awareness schema, you have the selection of saving your document as a custom format in the Format Gallery of your Display & Video 360 account.

Not signed in?

If you haven't signed in to your Google Account from Google Spider web Designer, a login page volition open in your browser. Sign in with your Display & Video 360 account credentials.

You'll be asked to permit Google Web Designer to integrate with other Google products, including Display & Video 360. Click Allow to continue.

Publish dialog settings

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

  Publishing as a custom format

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

• Partner: Enter the name of the Brandish & Video 360 partner. If you but have "Read & Write," "Creative," or "Creative admin" access to a single partner, that partner is automatically selected.
• Advertiser: Enter the proper noun of the advertiser.
• Creative: Enter the artistic name or format proper noun.
• Select or deselect publishing options:
  • Inline local files - Places the JavaScript and CSS inside 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 i-pixel border, using the color you specify.
• CSS Prefix: Select which CSS prefixes you lot 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 recollect your settings and reuse them whenever you lot publish to Display & Video 360. One time the association is in place (indicated past a lock icon in the Publish button carte), publishing a creative to Brandish & Video 360 saves a new typhoon 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 exist remembered.

To remove the clan:

1. Click the downward pointer on the Publish push at the top of the window.
2. In the pop-up bill of fare, click the lock icon next to Display & Video 360, and then ostend that you desire to remove the association.

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

If you make changes to a creative within your Display & Video 360 account, the changes aren't automatically reflected in Google Web Designer. Yous should download the artistic and open the authoring files in Web Designer if you want to work on the latest version of the artistic.

Campaign Manager 360

Not signed in?

If you oasis't signed in to your Google Business relationship from Google Web Designer, a login page will open in your browser. Sign in with your Campaign Manager 360 business relationship credentials.

You'll be asked to let Google Web Designer to integrate with other Google products, including Campaign Director 360. Click Allow to continue.

Requirements

• Campaign Managing director 360 account with Trafficking permissions that include Creatives: full access
• Advertising type of Banner or Interstitial
• Advert environment set to Display & Video 360
• Exit event
• Maximum total size of ten 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 advertisement types

• Expandable
• AMPHTML
• Responsive rich media

Publish dialog settings

Fill in the following fields in the Publish dialog:

• User profile: Enter the name or ID of the Campaign Manager 360 user profile you lot want to use.
• Business relationship: This field is auto-filled one time you select a user profile, and tin't be edited.
• Advertiser: Enter the proper noun of the Campaign Director 360 advertiser you want to use. Enter at to the lowest degree three characters to see a list of matching advertisers.
• Entrada: Optionally, if you want to add the creative to a particular campaign, enter the name of the entrada. Enter at least three characters to see a list of matching campaigns.
• Artistic: Enter the name you lot desire to use for the artistic.
• 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 together Edge - Adds a one-pixel border, using the colour y'all specify.
• CSS Prefix: Select which CSS prefixes y'all 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.

Video avails

Creatives with video assets may be set to inactive. Make sure to activate a creative in Campaign Manager 360 in order for information technology to serve.

Associated creatives

Publishing a document to Entrada Director 360 creates an association which allows Google Web Designer to remember your user contour, advertiser, and campaign settings, and reuse them whenever you publish to Entrada Manager 360. The clan is indicated by a lock icon in the Publish button carte du jour.

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

Changes to the creative in Google Web Designer aren't automatically synced to Campaign Managing director 360. To update a published creative, publish the document locally, then upload the published file inside the Entrada Manager 360 interface.

To remove the association:

1. Click the downwardly arrow on the Publish button at the tiptop of the window.
2. In the pop-upwards carte, click the lock icon next to Campaign Managing director 360, and then confirm that y'all want to remove the clan.

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

Was this helpful?

How can we meliorate it?

lockhartagnat1998.blogspot.com

Source: https://support.google.com/webdesigner/answer/3250387?hl=en