Traffic Studio push-down creatives

A push-down creative is a type of expanding ad that pushes down the content of a webpage when the creative expands, moving the site out of the way to display the ad. This article discusses push-down creatives that are built in Studio, and provides best practices on trafficking them in Ad Manager.

Ad unit and line item sizes

The size of the line item or targeted ad unit in Ad Manager should match the collapsed state of the push-down, not the expanded state after the page content is pushed down.

Web example: The size of a 1000x150 push-down line item extending to 1000x300 is 1000x150.
Mobile example: The size of a 300x50 mobile push-down line item extending to 300x150 is 300x50.

For push-downs to work properly in an Ad Manager ad unit, the <div> element of the Google Publisher Tag must not specify a size. For example, in the following tag:

<!-- /2052936/Masthead_970x250_Static_PG -->
<div id='div-gpt-ad-1475686513257-0' style'height:250px; width:970px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1475686513257-0'); });
</script>
</div>

You should remove the height and width attributes as follows:

<!-- /2052936/Masthead_970x250_Static_PG -->
<div id='div-gpt-ad-1470971846687-0'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1470971846687-0'); });
</script>
</div>

Push-down creative settings

After you've associated your Studio account with Ad Manager and pushed your push-down creative to your network, navigate to the creative and make the following adjustments:

1. In the creative's "Settings" tab, locate the "Primary asset" section.

2. Set the z-index. Push-downs default to a z-index of 0 because they are meant to push content down and aren't required to layer properly with site content.

3. Select the "Push-down" checkbox. This enables the creative to push down page content instead of expanding over it.

4. In the "Push-down" text box, set a number of seconds to indicate how long it will take for content to shift down. 1.0 second is a good default setting.

Frequency capping

Your site may require a user-expanded push-down to serve after the auto-expanded push-down has reached its frequency cap, so keep this in mind when doing your media planning. Auto- and user-expands are built differently in Studio, so you must build and traffic a separate creative and line item for each push-down. Be sure to target both types to the same criteria so that, if the frequency cap is reached, the user-initiated pushdown is served.

1. In Ad Manager, create two line items, labeling one "AUTO" and one "USER", and target both of them to the same criteria.

2. Use readily identifiable naming conventions for the user-expanded and auto-expanded versions of the creative.

   Examples:
   test_970x66_pushdownAUTO
test_970x66_pushdownUSER

3. For the auto-expanded line item:

   1. Set the frequency cap to "1" ad served every "1" day. This causes the auto-expand to be capped at once a day.
   2. Add the "AUTO" creative to this auto-expanded line item (learn how to add creatives to line items).

4. For the user-expanded line item:

   1. To ensure that the "AUTO" line item serves first, set the priority of the "USER" line item lower than the priority of the "AUTO" line item.
   2. Leave the frequency at its default settings as well (in other words, no frequency cap). This causes the user-expanded ad to serve second and continue to serve through the rest of the day (per user).
   3. Add the "USER" creative to this user-expanded line item (learn how to add creatives to line items).