JSFiddle - React, Tailwind, and code Playground

by taylorbuley

HTML

<script type="text/javascript">
    var googletag = googletag || {};
    googletag.cmd = googletag.cmd || [];
    googletag.cmd.push(function() {
		googletag.defineSlot('/4507/Parade', [[300,250],[300,600]], 'div-gpt-ad-300-stream-desktop-7').addService(googletag.pubads()).setTargeting( "position", "300" ).setTargeting( "location", "stream" ).setTargeting( "type", "desktop" ).setTargeting( "page", "lander" ).setTargeting( "format", "homepage" ).setTargeting( "slug", "homepage" );
        googletag.pubads().collapseEmptyDivs();
        googletag.enableServices();
    });
</script>
<article class="gridstream_ad hide-tablet show-tablet-landscape">
    <div class="content">
        <div class="desktop rec">
            <div class="content">
                <div id='div-gpt-ad-300-stream-desktop-7'>
                    <script type='text/javascript'>
                        googletag.cmd.push(function() {
                            googletag.display('div-gpt-ad-300-stream-desktop-7');
                        });
                    </script>
                </div>
            </div>
        </div>
    </div>
</article>

CSS

body {
    background-color:#000;
}

JavaScript

(function () {
    var gads = document.createElement('script');
    gads.async = true;
    gads.type = 'text/javascript';
    var useSSL = 'https:' == document.location.protocol;
    gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
    var node = document.getElementsByTagName('script')[0];
    node.parentNode.insertBefore(gads, node);
})();