Video Wall Format


Video Wall Demo | Video Wall Demo 2

How it helps Publishers/Sell-side?

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:

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=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:

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>