Skip to content

The library is not working since version 3.21.0 #1

@ACannuniRP

Description

@ACannuniRP

I am using this sample page:

<html>

    <head>
        <link rel="icon" type="image/png" href="/m-symbol-purple.svg">
        <script async src="//www.googletagservices.com/tag/js/gpt.js"></script>
        <script async src="/js/prebid3.21.0.js"></script>
        <script>
            var googletag = googletag || {};
            googletag.cmd = googletag.cmd || [];

            var pbjs = pbjs || {};
            pbjs.que = pbjs.que || [];
        </script>
        <script>
            var PREBID_TIMEOUT = 2500;
            var FAILSAFE_TIMEOUT = 3000;

            // Rubicon Project Ad Unit
            var adUnitCodeBanner = "/networkcod/adunitcode";

            var adSlots = [];

            var adUnits = [
                {
                    code: adUnitCodeBanner, // Ad Unit
                    mediaTypes: {
                        banner: {
                            sizes: [[1800,1000]],   // Sizes being served to that ad unit
                        }
                    },
                    renderer: {
                        url: 'https://secure-assets.rubiconproject.com/utils/prebidSkin/prebidSkin.js',
                        render: function(prebidBid) {
                            window.skinOverlay.renderAd({
                                fullBids: prebidBid,                    // required, please don't edit or change!
                                insertionMarker: "body",       // required, #div, .class or body where you want to insert skin                       
                                contentWidthMarker: "#div-1",    // required, #div, .class or body matching the size of the content
                                insertionType: "ratio",                 // required, try resize or ratio 
                                maxRatio: 0.9,                          // optional, use with insertionType ratio and define maximum ratio scale
                                header_height: "250",                   // optional
                                creativeWidth: "1800",                  // optional
                                targetScroll: true,                     // optional, scrollable or not
                                custom_style_iframe: "",                // optional if display not correct 
                                custom_style_page: "",                  // optional if display not correct
                                iframe_url: "",                         // optional
                                click_url:"https://testAntoine.fr",     // optional
                                debug: false                            // optional
                            });
                        }
                    },
                    bids: [{
                        bidder: 'rubicon',
                        params: {
                            accountId: 1001,    // Publisher's account ID in Rubicon
                            siteId: 1000,       // Site ID
                            zoneId: 21325       // Zone ID
                        }
                    }]
                }
            ];

            // ======== DO NOT EDIT BELOW THIS LINE =========== //
            googletag.cmd.push(function() {
                googletag.pubads().disableInitialLoad();
            });

            pbjs.que.push(function() {
                pbjs.setConfig({
                    debug: true
                });

                pbjs.addAdUnits(adUnits);

                pbjs.requestBids({
                    bidsBackHandler: initAdserver,
                    timeout: PREBID_TIMEOUT
                });
            });

            function initAdserver() {
                if (pbjs.initAdserverSet) return;
                pbjs.initAdserverSet = true;
                googletag.cmd.push(function() {
                    pbjs.que.push(function() {
                        pbjs.setTargetingForGPTAsync();
                        googletag.pubads().refresh();
                    });
                });
            }

            // in case PBJS doesn't load
            setTimeout(function() {
                initAdserver();
            }, FAILSAFE_TIMEOUT);

            googletag.cmd.push(function() {
                adSlots.push(googletag.defineSlot(adUnitCodeBanner, [300, 250], 'div-1').addService(googletag.pubads()));
                googletag.pubads().enableSingleRequest();
                googletag.enableServices();
            });
        </script>
    </head>
    <body>
        <h2>Basic Skin Example</h2>
        <h5>Div-1</h5>
        <div id="div-1" style="width:800px; margin-left: auto; margin-right: auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar turpis a odio imperdiet faucibus. Quisque vestibulum porttitor enim ac tristique. Aliquam feugiat ipsum id justo aliquam laoreet. Quisque vulputate a purus in tincidunt. Etiam in mauris euismod, egestas nibh a, accumsan odio. Donec rhoncus porta risus ut interdum. Nulla ultricies quis sem vitae fermentum. Cras blandit est ut tincidunt porta. Suspendisse diam justo, tempus vel ultricies et, pulvinar eu ex.<br>
        <br>
        Maecenas ultricies tincidunt sollicitudin. Duis eget tristique purus. Fusce ullamcorper tristique mollis. Integer ac ligula ut libero luctus congue eu ut nulla. Fusce venenatis metus ac urna varius, ac ultricies magna venenatis. Nam at nibh eget lectus lacinia gravida. Sed vitae ipsum eget ipsum sagittis feugiat. Donec luctus ante quis enim luctus, a convallis mi laoreet. Vivamus sodales eleifend ipsum feugiat cursus. In lorem quam, molestie in purus eu, venenatis iaculis odio. Quisque augue tortor, molestie sed cursus nec, vehicula ut enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit consequat feugiat. Etiam at neque at magna convallis blandit. Aenean aliquam efficitur venenatis. Nulla cursus libero sed tincidunt consectetur.<br>
        <br>
        Maecenas id ornare ex, sed consectetur lacus. Praesent et nunc lacus. Proin sed risus quam. Suspendisse aliquet, massa sit amet rutrum consequat, tortor dui luctus risus, a aliquet ipsum ipsum sit amet tortor. Aliquam venenatis tellus ac dignissim convallis. Curabitur eleifend justo a magna iaculis facilisis. Sed non fringilla nisl. Vivamus commodo id risus non varius. Vivamus posuere ex ornare ipsum varius, sed faucibus nibh efficitur. Curabitur tempor nulla semper magna dignissim, at ultricies urna posuere. Maecenas non nisi mollis, porttitor nibh sed, porta nisi. Sed in mi at nunc dictum lacinia. Aenean a euismod dolor, faucibus tristique sem. Mauris finibus diam vitae nulla ornare, rhoncus mollis ante pharetra. Aenean vestibulum leo feugiat, convallis lacus in, pretium ipsum. Vestibulum tellus mauris, congue et libero vel, convallis rutrum mi.<br>
        <br>Suspendisse potenti. Nam nec imperdiet neque, bibendum sodales massa. Fusce blandit ante quis aliquet vulputate. Cras et turpis ipsum. Etiam in venenatis est, id egestas lectus. Aliquam lacus nulla, fringilla sed neque vitae, feugiat vestibulum tortor. Suspendisse fermentum ullamcorper egestas. Sed vitae pulvinar sem. Aliquam erat volutpat. Donec elementum erat eu vestibulum vulputate.<br>
        <br>Aliquam suscipit mollis ligula eu consectetur. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent eu lectus congue, mollis tortor id, accumsan magna. Mauris lacinia in magna at sagittis. Donec et sem id nibh egestas accumsan id a nisl. Nunc ac metus in mauris porta tincidunt.<br>
        <br>Nulla quis congue velit, nec elementum metus. Cras dictum nibh dolor, eu malesuada odio varius nec. Suspendisse cursus semper nisi, vel bibendum nulla sollicitudin vitae. Nunc non quam eros. Pellentesque non ligula eget velit ultrices mollis quis at felis. Donec ac tortor velit. Sed condimentum sapien porttitor nunc sollicitudin, a elementum urna pharetra.<br>
        <br>Suspendisse finibus porta tellus eu vehicula. Etiam fringilla lacus sed mattis maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis tempor augue dui, porttitor maximus velit volutpat et. Aliquam vel dolor neque. Sed porttitor vitae metus ac malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce venenatis sit amet tortor in gravida. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec nec leo lacinia, aliquam eros sit amet, blandit felis. Fusce eu nisl id neque scelerisque ornare non et orci.<br>
        <br>Duis iaculis ornare neque a feugiat. Vivamus nec turpis sit amet justo efficitur convallis vel vehicula mauris. Aenean est tortor, ullamcorper vitae odio ut, sodales vehicula purus. Proin dignissim elit sed malesuada mollis. Morbi mollis varius dolor eu imperdiet. Aliquam euismod scelerisque felis et tempor. Nulla finibus nibh ac est malesuada aliquet. Nulla mauris ligula, mollis eu turpis sit amet, volutpat lobortis purus. Ut at risus a nisi rutrum fringilla. Ut felis neque, sodales sed elit id, rhoncus euismod turpis. Etiam nulla dolor, elementum in velit et, pulvinar pretium nisl. Sed accumsan placerat volutpat. Mauris fermentum sem sed ex euismod, ut gravida orci vehicula. Vivamus purus odio, vulputate malesuada viverra in, fringilla vel justo. Aliquam sollicitudin ut nisi vel dictum.<br>
        <br>Nam at lorem mauris. Suspendisse efficitur urna nec eros convallis fringilla. Sed risus nisl, dignissim tristique erat ac, ultrices lacinia turpis. Sed efficitur consequat magna sit amet ullamcorper. Suspendisse commodo iaculis molestie. In non dolor auctor, lobortis velit quis, vehicula lectus. Donec gravida elit a nunc molestie, eget condimentum quam laoreet. Morbi a lectus aliquet, condimentum ante quis, fringilla ligula. Maecenas sem dolor, imperdiet a diam id, elementum iaculis tellus. Phasellus pellentesque velit lorem. Sed efficitur laoreet libero nec sagittis. Aenean in pretium lectus, ut volutpat ligula. Curabitur tempor id augue in cursus. Vestibulum congue faucibus pharetra. Donec in nunc ac enim ornare mattis id sed dui. Aliquam accumsan, velit vitae convallis dapibus, turpis velit mattis massa, a gravida urna ante id justo.<br>
        <br>Mauris ac erat quis ante luctus tempor. Quisque luctus feugiat enim, in porta metus rhoncus eget. Nunc feugiat feugiat neque eu luctus. Nulla facilisi. Sed orci lacus, ullamcorper sed massa vel, sagittis vulputate ex. Nullam tristique erat non mauris molestie, sed facilisis nibh interdum. Aliquam pellentesque justo velit, sit amet faucibus ipsum ultrices laoreet. Proin ut volutpat ex, in vulputate nunc. Aliquam leo felis, sollicitudin sit amet sagittis non, malesuada et libero. Sed diam justo, porta sed maximus a, lobortis sit amet magna. Quisque convallis a libero eu consequat.</div>
    </body>
</html>

but a Pull Request made between version 3.20.0 and 3.21.0 makes the library useless:
Error

Any way for solving it?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions