In-Stream

Table of Contents

User experience

A user opens the webpage and in a few seconds the Full-screen video wall Ad is displayed. The user can choose to skip the Ad by clicking on "Skip Advert" button, or he can choose to find more by clicking on "find more" button", that accommodates a link to the predefined landing page.

Creative assets

  • Media File (MP4) for Video Player.
  • We also recommend to add these backup creatives.

Specifications

How it helps Publishers/Sell-side?

  • Highly engaging In-View format.
  • Renders inside publishers' content.
  • Same tag can be used on multiple placements.

This is a nice looking fullscreen video format for Desktop non responsive sites. It appears when the page is loaded pushes whole page content down and start showing video. User can scroll down to hide the video ad or he can click on button to hide video. This format has only 3 action buttons on the ad itself. There is a Call to Action button, Skip ad button and Sound toggle button. Video is muted by default.

Technical specifications:

  • HTML5 based video player.
  • Base banner format is Video Instream.
  • Video Ad is delivered using VAST.

How to get started?

  • Contact [email protected].
  • Custom tag is generated (several lines of JavaScript, same as standard Adform tags).
  • Publisher has to integrate the tag into a website.
  • Poster image that is shown in the begging while the video is loading.
  • You can edit the position and appearance of action buttons with CSS or provide additional parameters to completely replace the buttons with images.
  • Designed to work within friendly Iframes.

    Production/Live tag

    Publishers can use these tags to run actual campaigns

    Tag example

    <script src="http://track.adform.net/adfscript/?bn=9095743"
        data-vast-id="8576022"
        data-pause-threshold="0.3"
        data-cut-corners="false">
    </script>
    

Asynchronous tag example:

<script type="text/javascript">
    (function(window, document, Adform){
        window._adform = window._adform || [];
        _adform.push(['9095743.on.init', function (settings) {
            var flashvars = settings.html.flashvars;
            flashvars.pmpId = *****;
        }]);
    })(window, document, (Adform = window.Adform || {}));
</script>

<script data-adfscript="track.adform.net/adfscript/?bn=9095743">
(function(c,b,e,a,d){
    c.getElementById("adform-adf"+b)||(a=c.createElement(b),
    a.type="text/java"+b,a.async=a.defer=!0,a.id="adform-adf"+b,
    a.src="http"+e+"://s1.adform.net/banners/scripts/adfscript.js?"+Math.round(new Date/6E4),
    (d=c.getElementsByTagName(b)[0]).parentNode.insertBefore(a,d))
})(document,"script","https:"==location.protocol?"s":"");
</script>

Additional parameters:

  • data-pmp-id - PMP master tag ID;
  • data-vast-id - (OR) VAST tag BN (either PMP or VAST must be defined to show the ad);
  • data-cut-corners - scale the video so corners might be invisible. Default is false;
  • data-pause-threshold - values from 0.1 to 1, percentage where to pause video on scroll. Default is 0.3.
  • data-cta-image - URL or base64 encoded image for custom CTA button. Note: image size will be capped to 280x70.
  • data-skip-image - URL or base64 encoded image for custom SKIP button. Note: image size will be capped to 280x70.

Callbacks

Callbacks can be implemented by publishers to execute custom javascript code depending on PMP outcome and/or banner state.

<script>
    (function(window, document, Adform){
        window._adform = window._adform || [];
        _adform.push(['on.init', function (settings) {
            this.on('pmp_empty', onEmpty);
            this.on('pmp_success', onSuccess);

            this.on('ad_ready', onAdReady);
            this.on('ad_skipped', onAdSkipped);

            function onEmpty () {
                // execute custom code when PMP does not return an ad
            }

            function onSuccess() {
                // execute custom code when PMP returns an ad
            }

            var content = this.adBox.content();
            content.sharedEvents.on('changeInview', function(value) {
                console.log('ad visibility', value);
            });

            /*

            function onAdReady, onSkipAd ... // execute custom code when banner is ready/skipped

            */

        }]);
    })(window, document, (Adform = window.Adform || {}));
</script>

How to setup

  1. In order to create a In-stream ad, navigate to the Banners page, then click the Create button and select Video/Legacy In-Stream option from the drop-down menu.
  2. In the *Linear Creatives* step, you are asked to select or upload assets. If you have previously uploaded the assets to the system, click the Select button and choose Banner source, i.e. select HTML File named HTML_In_Stream_Video_Wall.
  3. Adjust the Settings.
  4. When done, click the Save button in order to see the preview. If everything is fine, click the Submit button.

The next step is to create and implement the test tag.

  1. When the banner is created, navigate to the Tags page.
  2. First, go to the Create Tags page. You are able to select which placements (grouped by media) and banners are shown in the matrix, simply tick the checkboxes next to the required items. Also, you are able to filter creatives by Type, Banner Type, Size, and Batch. Use the Filter field or the Search box in order to see only the necessary banners and placements in the matrix. The exclamation mark (!) means that a tag for a placement already exists. When using the Select buttons, boxes with the exclamation mark are selected by default.
  3. In order to create tags, tick the green checkboxes. You can also select tags marked in yellow/grey/red, if you are sure that a tag of that size is necessary for a media placement. When you are done selecting tags, click the Submit button.
  4. When you are redirected to the Tag Overview page, you are able to test the tags. If everything works correctly, copy BN number.

  5. Paste this bn number into test tag (where xxxxxxxx is BN number):
    <script src="http://track.adform.net/adfscript/?bn=9095743" data-vast-id="xxxxxxxx">
    </script>
    

    Additional info

    For any questions write: [email protected]