How to deliver DCM ad tags that complies with Advalidation’s polite loading requirement.

Background

HTML creatives in DoubleClick are rendered in an HTML iframe. Due to conventional, strict browser security, the contents within an iframe (the creative itself) cannot access any information about the parent frame (the publisher’s web page). This means that essential information of when the publisher’s web page has completely loaded is not available to the creative.

This technical restriction prevents creatives with large file-size, e.g. video banners, from sub-loading the heavy payload properly. Many times resulting in “initial load” file-size warning in Ad Validation (which is a tool/process that provides automatic validation (quality assurance) of online ads for publishers).

Many ad servers have implemented workarounds to allow iframed creatives to be notified when publisher’s web page has completely loaded in order to enable polite loading. Unfortunately this has not been built into DCM.

Implementation

What Bannerflow has implemented is a line of code to be appended manually to DCM’s conventional JavaScript tags. This code detects when the publisher’s web page has completely loaded and notifies the DCM creative’s iframe when it happens. The Bannerflow creative itself, will listen to this notification and automatically start loading the animated banner.

  1. Create a new integration with a specific Embed tag pattern created for this workaround. In this example, we will call this new integration “DoubleClick DCM - Schibsted”. For assistance on how to set up the embed tag pattern, please contact our support team.
  2. Publish Bannerflow banners to your new network.

Choose the new network “DoubleClick DCM - Schibsted”.

If publishing a banner created Dec 4, 2017 or earlier, re-save banners or text versions to get the latest functionality enabled - if forgotten, this can be done after published to DCM without requiring new publication.

3. Copy "JavaScript Tag" from DCM spreadsheet.

E.g.

<ins class='dcmads' style='display:inline-block;width:300px;height:250px'

    data-dcm-placement='N444802.155772/B10478075.210328218'

    data-dcm-rendering-mode='script'

    data-dcm-https-only

    data-dcm-resettable-device-id=''

    data-dcm-app-id=''>

  <script src='https://www.googletagservices.com/dcm/dcmads.js'></script>

</ins>

3. Insert the following script tag to the DCM tag - right before the ending </ins> tag in the bottom.

<script src='https://scripts.host.bannerflow.com/libs/iframe-polite-loading.js'></script>

4. Deliver the new, modified tag to publisher(s) requiring this functionality.

New tag should look like this:

<ins class='dcmads' style='display:inline-block;width:300px;height:250px'

    data-dcm-placement='N444802.155772/B10478075.210328218'

    data-dcm-rendering-mode='script'

    data-dcm-https-only

    data-dcm-resettable-device-id=''

    data-dcm-app-id=''>

  <script src='https://www.googletagservices.com/dcm/dcmads.js'></script>

  <script src='https://scripts.host.bannerflow.com/libs/iframe-polite-loading.js'></script>

</ins>

Please note; only for direct buys - not to be used via DoubleClick Bid Manager/DV360.

Did this answer your question?