/dev-docs/examples/size-mapping.html

by Patrick Hund

HTML

<html>

    <head>
        <script async src="//www.googletagservices.com/tag/js/gpt.js"></script>
        <script async src="//acdn.adnxs.com/prebid/not-for-prod/1/prebid.js"></script>
        <script>
            var desktopSizes = [
                [970, 250],
                [300, 600],
                [300, 250]
            ];
            var tabletSizes = [
                [728, 90],
//                [160, 600],
//                [300, 250]
            ];
            var phoneSizes = [
//                [320, 100],
                [320, 50],
//                [300, 250]
            ];
            var allSizes = [
                [970, 250],
                [728,90],
                [320, 100],
                [320, 50],
                [300, 600],
                [300, 250],
                [160,600]
            ];
            var PREBID_TIMEOUT = 1000;

            var adUnits = [
                {
                    code: '/19968336/header-bid-tag-0',
                    mediaTypes: {
                        banner: {
                            sizes: allSizes
                        }
                    },
                    bids: [
                        {
                            bidder: 'appnexus',
                            params: {
                                placementId: 13144370
                            }
                        }
                    ]
                }
            ];

            var pbjs = pbjs || {};
            pbjs.que = pbjs.que || [];

        </script>

        <script>
            var googletag = googletag || {};
            googletag.cmd = googletag.cmd || [];
            googletag.cmd.push(function() {
                googletag.pubads().disableInitialLoad();
            });

            pbjs.que.push(function() {
                pbjs.addAdUnits(adUnits);
                pbjs.setConfig({
                    sizeConfig: [{
                        'mediaQuery': '(min-width: 1025px)',
                     ...

JavaScript

window.setInterval(() => document.getElementById('screen-width').innerHTML = window.innerWidth, 500);