Outstream Sticky


Outstream Sticky Demo

How it helps Publishers/Sell-side?

This is a nice looking sticky video format for Desktop and Tablet environments. Banner is rendered when VAST tag is loaded - either from PMP inventory or directly from VAST. Banner width can be customized, and height will be auto adjusted based on original video's aspect ratio. Video sound can be toggled by hovering over banner or clicking on mute icon.

Technical specifications:

How to get started?

Production/Live tag

Publishers can use these tags to run actual campaigns

Tag example:

<script src="http://track.adform.net/adfscript/?bn=9468559"
        data-vast-id="8576022">
</script>

Asynchronous tag example:

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

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(['9468559.on.init', function (settings) {
            this.on('pmp_empty', onEmpty);
            this.on('pmp_success', onSuccess);
            this.on('expand', onExpand);
            this.on('collapse', onCollapse);

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

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

            /*

            function onExpand, onCollapse ... // execute custom code when banner expands/collapses

            */

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