Preview creatives in Display & Video 360

You can preview creatives from 3 places in Display & Video 360:

  • In an advertiser's Creatives page
  • In a creative's Basic Details page or Ad Canvas page
  • In a line item page, in the Creatives section

In each case, click Preview or , and a new window will open where you can preview your creative.

Supported creative formats

  • Creatives hosted by Display & Video 360 (all creative types)
  • Mobile and display creatives synced from Studio
  • Mobile, third-party served MRAID creatives from Celtra, InMobi, and Innovid

See how your final creative will look

When you first preview a creative, it will display automatically on a blank screen in Desktop mode. Use the drop-down menus at the top of the screen to change how the preview is displayed.

Mobile preview mode

Use mobile preview mode to test creative events and preview how creatives will look on a mobile device.

To change the context (either within a mobile app, or in a mobile browser), use the Context menu:

  • To view a display creative in a mobile app, select In-app.
  • To view a display creative in a mobile browser, select Mobile web.
  • To view an audio creative in a mobile streaming app, select Streaming app.

To change the device, use the Device menu:

  • Select a device by name (for example, iPad or Pixel 3) to show your creative on that device.
  • To rotate the device into landscape or portrait mode, click Rotate device Rotate device.
To send the preview to a phone or tablet, install the Creative Preview app or scan a QR code.

Desktop preview mode

Use desktop preview mode to test creative events and preview how the creative will look in a desktop browser.

Display creatives

When previewing a display creative, you can customize the preview using the Website menu:

  • To see it on a blank page, select Blank.
  • To see it a sample website and adjust desktop positioning, select Sample website.
  • To see it on any website, select Custom URL. This URL can be any website, but the creative preview can only be shown if Display & Video 360 is able to detect an ad placement that's the same size as the creative you're previewing.

Desktop preview mode

Video creatives

When previewing a video creative, you can customize the preview using the Video resolutions menu:

  • Select a preset resolution to see the video in that size.
  • To see it in a custom resolution, click Add new size.
    • Enter the width and height you want to preview the video in. Custom-sized previews are for preview only and have no effect on the actual serving size of the video.

Assets preview mode (audio creatives only)

Use assets preview mode to preview the audio file along with all assigned companion creatives on one page.
To show or hide companions, use the Companion sizes menu.

 

Send a preview to a mobile phone or tablet

There are two options for sending a preview to a device: you can install the Creative Preview app on your device to see an accurate preview of mobile in-app creatives or you can scan a QR code with your phone to open a preview using your mobile web browser.

Preview mobile creatives using the Creative Preview app

  1. If not installed already, install the Creative Preview app on your device.
  2. Open a creative in Display & Video 360 and click Preview.
  3. Open the Preview location drop-down menu. Under "Push to device", you'll see a list of linked devices that have the Creative Preview app installed.

    Available devices are paired with your Google Marketing Platform account when you sign into the app. If you don't see any available devices, first add a device, then refresh the page.
    The device name that appears in the "Push to device" list in the Preview location menu is your device's model name. You can change this name in the Creative Preview's app settings on your device to make it easier to remember.
  4. Select the device name to send the creative to. The preview is sent to the Creative Preview app and you'll get a notification on your device. Tap the notification to open the preview. (If you don't get a notification on your device, app notifications may be disabled. Learn how to enable notifications)
  5. Back in the Display & Video 360 preview page on your computer, click Show details Show details, then click Event summary.
    Play around with the creative on your mobile device. You'll see events and timers triggered by interacting with the creative recorded in the Event summary and Event log panels.

Scan a QR code to preview on a device

  1. Open a creative in Display & Video 360 and click Preview.
  2. Open the Preview location menu, then click Scan QR code.
  3. Use a QR code reader app on your device to scan the displayed QR code. (Search Google Play or the Apple App Store for "QR scanner".) After you scan the code, the creative is opened in your mobile browser.
  4. Back in the Display & Video 360 preview page on your computer, click Show details Show details, then click Event summary.
    Play around with the creative on your mobile device. You'll see triggered events and timers recorded in the Event summary and Event log panels.

Share a preview

You can share creatives built in Ad Canvas with others for review or sign-off using a preview link. Anyone you share this link with will be able to view it. No sign-in is required.

  1. Open the creative, then click Ad Canvas.
  2. Hover over the creative and click Preview Preview. A pop-up window opens with a creative preview.
  3. Below the preview, click Share preview Share, then select a copy option:
    1. To copy the preview link only, click Copy link.
    2. If you plan to share several links at once and you want additional details to identify which preview is which, click Copy link & details instead. This will copy the link along with the date and time the preview was created, the creative name (or variant name for data-driven creatives), and the creative's dimensions. For example, "https://displayvideo.google.com/doubleclick/preview, 3/14/2027, 10:16:26 AM, My Flipbook, 336 × 280".)
  4. Paste and send this copied link to the person you want to review your creative.

Shared previews are full page previews that allow you to test how the creative looks in different environments, and whether events are recorded at the right time. Learn more about preview options

Test rich media creative event tracking

To make sure creative events are tracking at the right time, use the event summary panel. This panel logs standard rich media events as you interact with the preview. Custom counters, exits, and timers are not currently available and won't appear in the event summary or event log. Use Studio's preview to test custom rich media events.

View recorded rich media events
  1. Click Show details Show details, then open the Event summary section of the Creative details panel.
  2. Play around with your creative preview. If your creative has video, play the video and try out the video controls to make sure video events are logged.

Using the event summary panel

The event summary panel displays the total number of events in your creative, and real-time event logging as you interact with your creative preview.

Here are some tips for using the panel as you review events:

  • Enter an event name in the "Event name" field to search for a specific event.
  • Make the event list easier to review by applying filters to the event list:
    • Type: Filter the display by event types.
    • Show: Filter the display by triggered or untriggered events, depending on whether you tested them in the Preview tab.
Use the event log panel

Click Event log to open a real-time log of standard rich media events as they happen. Events include a time stamp, event type, and event name. As events are triggered in the preview, each new event is displayed at the top of the list.

Clear the event log

If you need to clear out the event list and start over, click Clear log Clear log. Only the event log is cleared; event counts will not be zeroed out.

Preview video creatives

Note: Previews are only available for video creatives that are hosted by Display & Video 360. If your creative is hosted elsewhere, the preview will be blank.

  1. Click the preview button. The orientation of the video player in the preview will match the video source file. 

  2. View the Creative details, Event summary, and Event log on the right. These sections are the same as for other rich media previews. See above for descriptions.

  3. Try video settings. You can find these settings at the bottom of the preview pane. Here are your options:

    • Try different resolutions: select from the Video resolutions menu at the top of the window.

    • Add a different size: open the Video resolutions menu, scroll to the bottom and click Add new size to enter a custom width and height to preview. Custom video resolutions can be used for preview only and don't affect trafficking placement sizes.

    • Try player controls: open the Player controls menu to show or hide the video controls.

    • Restart video: click Refresh Refresh.

  4. Preview other serving files.

    1. Open a creative, then click the preview button next to any valid serving file in the Serving files section, under Creative assets.

    2. When you're done viewing this video, click the arrows beneath the video to cycle through your other serving files. Every serving file available for preview can be found here. Note that in some cases, you may not have the right browser support to view a particular format.

    3. If you want to preview a specific serving file in the main preview (i.e., check events, try different properties, etc.), here are your steps: First, set the serving file to ON under Include in serving in your creative properties. Next, set every other serving file to OFF. This way, you can be sure the video player uses that specific serving file. Finally, click the preview button at the top of your creative properties.

Preview audio creatives

There are two ways to preview an audio creative:

  • Preview in Ad Canvas (Display & Video 360-hosted audio creatives only)
  • Full page preview that opens in a new tab

Preview in Ad Canvas

To listen to the audio file, open any Display & Video 360-hosted audio creative and preview in Ad Canvas. If you just saved the creative, you may need to wait a few moments for the audio to be processed before you can play the audio. To get more preview options, open the preview in a new window.

Preview in Ad Canvas is not available for audio creatives synced from Campaign Manager. Instead, below the creative name, click Preview to open the preview in a new window.

Preview an audio creative in a new tab

You can open a full page audio creative preview from the Ad Canvas preview, or from the list of creatives (either in your advertiser's Creatives page or in the Creatives section of a line item).

  • To open a full page preview from Ad Canvas, hover over the companion preview area (if there's no companion assigned, you'll see a gray box with an image icon in the middle). At the top right, click Preview . The creative preview opens in a pop-up window. At the bottom right of the pop-up window, click Open in new window .
  • To open a preview from the list of creatives, hover over a creative and click Preview .

In the full page preview, you can:

  • Share a link with someone else for review. Just copy the link from your browser's address bar. Shareable preview links are formatted like this:
    https://displayvideo.google.com/doubleclick/preview/main?creativeId=xbid.123456789&adv=1234567
  • Switch between two preview modes: mobile and assets. Mobile is recommended because most audio inventory is available through audio streaming apps, and this preview is the closest to what consumers will see at serving time.
  • Play your audio creative. In “Mobile” preview mode, find the audio player controls at the bottom of the device screen. Click play to hear your audio file. You can also pause or adjust the volume.
  • Preview companion creatives, if assigned. Use the “Companion size” menu at the top to preview a different companion. In "Mobile" preview mode, companion creatives are only visible while the audio is playing. If you have multiple companions and want to see them all on one page, use the Preview mode menu to switch to assets preview.

Preview native creatives

Since native creatives can be rendered in hundreds of different design combinations, there are additional preview options for these formats to get a feel for how different asset combinations will look when your ad is serving. In addition to the preview during creative build, native site and native video creatives include publisher-styled previews and real publisher sample previews.

Preview while you create your ad

As you add text and images to your creative, the Ad Canvas preview updates automatically, showing how the different elements in your creative might be rendered. This preview is not an accurate representation of how the creative will display in a live environment, but will give you an idea of how each creative element might look when displayed in an app versus in a website.

If you entered both long and short versions of headlines and body text, only the short versions will be shown in the preview.

(Native site creatives only) Switch between square, rectangle, and Gmail

  • If you uploaded a square image, use the Preview drop-down to switch between previews of the square and rectangle sample layouts.
  • If your creative will run on Gmail, use the Preview drop-down to switch to the Gmail preview to see a sample of how your creative assets will look in Gmail.

Sample native preview with navigation

See how the creative will look on different publishers

To see samples of how real publishers will style your native assets, open the publisher samples preview. Unlike the initial quick preview, these samples use real native ad styles from publishers. Note that these previews represent a range of potential native ad designs, but do not include every design variation.

Publisher samples are available for native site and native video creatives only.

  1. Click Preview publisher samples Launch full screen creative preview. The Publisher samples page opens in a new window.
  2. Scroll down the page to view samples from different publishers using your native assets.
  3. On the Publisher samples page, some samples include an additional preview mode that displays your ad on a sample publisher page. Click Preview Preview at the bottom of a publisher sample to open this fullscreen preview in a new window.

    How to preview on a publisher page

    Publisher sample that can be previewed on a mock publisher page
    Sample preview on the mobile version of realsimple.com
    realsimple.com mobile page with native site ad preview
Was this helpful?
How can we improve it?