Preview creatives

Campaign view

• Find a row with a creative. Hover over its name and click the preview button.

Ad properties

• Open an ad that has creatives. The button is in the Creative assignments section (or for default ads, in the Default creative section).

Creative properties

• The button is beneath the properties window, next to the Save button.

• Find the button next to various creative assets, such as in-stream serving files.

• You can preview standard or rich media creatives on the creative properties page.

Creatives tab of your advertiser

• Click All Advertisers in the left side menu from the account level and choose an advertiser. In the Creatives tab the button is in the Preview column.

We recommend testing your creative on different devices and browsers to make sure it loads and works correctly. For example, you might want to check that a rich media creative works on both Chrome and Firefox browsers.

To preview a mobile creative on a mobile phone or tablet, you can use the Creative Preview app. Creative Preview is an Android and iOS mobile app that helps you test creatives with mobile ad SDKs. Learn more

1. Open the Preview location menu, then click Scan QR code. A QR code appears.
2. Open the Creative Preview app on your mobile device.
3. Tap Open creative  then select the type of creative you're about to preview.
4. Tap Scan QR code. Point your device's camera at the QR code on your computer screen. When the code is scanned successfully, the creative's name and other details are filled in automatically.
5. Tap Save. You're taken to a list of creative previews. Tap the creative's name to preview it.

As an alternative, right-click the link beneath the QR code, copy the URL, and send it to your device.

Choose the type of website to preview your creative on. While in Desktop preview mode, open the Website menu and select one of the following:

• Blank page: View your creative on a blank page.

• Sample website: View your creative placed in a slot in a sample webpage layout. This page consists of various placements on a fake page layout (with headers and sidebars). Campaign Manager 360 places your creative in the placement that best matches its dimensions.

• Custom URL: Enter an external URL to preview the creative on an external page, such as the site where your ad will run. This URL can be any website, but the creative preview can only be shown if Campaign Manager 360 is able to detect an ad placement that's the same size as the creative you're previewing.

Click Show details , and expand the Creative details panel to view the name, type, mode, dimensions, and creation/last modified dates for your creative.

To adjust a creative's display settings, click Show details , then expand the Display properties panel. When you first open a preview, these properties load based on your actual creative.

1. Edit fields in the Display properties section. Some fields can't be changed because the properties are only editable in Studio.

   If you're previewing a creative with multiple parts, your properties will be divided into separate sections. 

2. To refresh the creative with your changes, hit the ENTER key or click into a new field.

   Keep in mind that if you set a display start (i.e., a delay of a few seconds before the creative appears), you won't see the new version until the seconds you set have elapsed.

3. If you like the changes you make to your properties in preview, click Save to save them to your actual creative.

   To start over, click Discard changes. That discards your changes and reloads your original preview. No changes you make in preview will affect your actual creative unless you click Save.

To adjust the position of your creative in the placement, use the settings under Positioning in your preview's Display properties section. You can either enter values or move the creative using your cursor or arrow keys.

• Enter values: Set the creative's position by entering its distance from the top and from the left of the page. Enter values in the Top and Left fields. You can enter a number of pixels or a percentage of dimensions.

  • For example, enter 10 pixels in the Top field to move the creative 10 pixels from the top of the window. Enter 10% in the Top field to set the creative's distance from the top as 10% of the total height (i.e., 90% to the top).

• Cursor / arrow keys: Click Enable dragging to move the creative manually with your cursor or arrow keys.

  • Cursor: Use your mouse to drag and drop the creative. Click Lock position if you only want to move the creative in one direction (such as only up or down, not from side to side).

  • Keys: For more precise positioning, use the arrow keys. Each time you press an arrow key, the creative moves 1 pixel in that direction. Hold down SHIFT to increase the rate to 10 pixels.

Creatives record information about their behavior and about user interactions. An event is anything that the creative records. It might be something the creative does, such as expanding in the browser, or it might be something the user does, such as hovering over an animation.

Standard events are automatically enabled, measured, and reported on for any rich media creative. They include clicks, display time, and how often a video is played. Custom events can be tailored to an HTML5 creative by your Studio designer. They might include a particular kind of exit event or a timer for behavior that's specific to the creative.

Studio users can read more about rich media creative events in the Studio Help Center.

Click Event summary to view and filter aggregate data about your creative’s events.

• Type filters: Choose whether All events, Custom events, or Standard events are listed below. Click the headers above the list to order your events by Name, Type, Count, and Time headers to change the order of the events listed.

• Show filters: These filters change which events are displayed in your preview. Choose All to show both the events you’ve triggered in preview and those you haven’t. Choose Triggered to only show events you’ve triggered, or choose Untriggered to only show the events you haven’t yet triggered in preview. (These options also change which events are listed in your event summary.)

• To search for a specific event, enter it in the Event name search box.

The event log shows events that occurred with the time they occurred for all the standard and custom events. It also logs impressions when you trigger an exit event, expand the creative, view the creative in full-screen mode, or mouse over the ad for 1 or more seconds.

Click Clear log to clear the log and start over.

• Positioning: If you have a very large number of pixels entered for the Top or Left, the creative may be positioned off screen. Lower the numbers and hit the RETURN key. If you're previewing multiple assets make sure one element isn't hidden behind the other.

• Display start / Display duration: Check that the display start is not set to None or delayed for a long time, and that the duration is not set to 0.

1. Open a creative.

2. Click Preview or . The orientation of the video player in the preview matches the video source file. 

3. Click Show details  to view the Creative details, Event summary, and Event log. How to test creative events

4. To see what your video will look like in different resolutions, select a size under Video resolutions. If you don't see the size you want in the menu, go to the bottom and click Add new size to enter a custom width and height to preview. Custom video resolutions are used for preview only and don't affect trafficking placement sizes.

5. To preview your video on a device, install the Creative Preview app. Open the Preview location menu and click Scan QR code. A QR code is shown. Scan the QR code with the Creative Preview app to preview your video.

6. To restart the video, click Refresh .