[SOLVED] How to properly write a DFP out of page ad unit?

How to properly write a DFP out of page ad unit?

I am developing a javascript-rendered mobile web interstitial. The layout is fully responsive, hence it will take 100% of the provided screen\iframe.

I now wish to display the interstitial through DFP.

At first I created a sized ad unit (320x480) and it worked just fine, but the interstitial was limited to the boundaries of the iframe.

I founf a new line item type called Out-of-page. The documentation states that:

They may include pop-ups and floating line items and are sometimes called interstitials.

But when I try to embed the interstitial in a test site, what happens is that the iframe stays 1x1, making the interstitial invisible (if I manually enlarge it with a debugger, I see it)

My settings:

line item with inventory sizes of 1x1 and out of page
creative with my code snippet
ad unit is defined as size 1x1

I read in the documentation that:

If you're using a DoubleClick tag creative, you must ensure that the creative code trafficked on the other end of the DoubleClick tag (i.e., another DFP network) is properly coded for an out-of-page ad unit.

What does it mean, in terms of DFP Out-of-page interstitial, that the ad is "properly coded"? How do I force the interstitial to take all the size of the screen?

Solution

After consulting with DFP support, I was able to create an out of page interstitial ad unit by following these steps:

Create a new Ad Unit, with inventory size of "Out of Page"
Create a new Line Item and a mobile creative with inventory size "Out of Page", this line item targets the former Ad Unit.
Generate new tags under the Inventory tabs, selected "Enable synchronous requests" and "Out of Page" on step 2. The "Enable synchronous requests" seems to be the key to make this work.

According to Google Support:

We usually recommend our publishers to implement Sync GPT when serving out of page (interstitial) ads as the creative renders in a element instead of an iFrame
Place this tag in a test page (with the necessary html, head and body tags) and Voilà!