JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<iframe class="Ad" data-ad-url="http://www.google.com" data-ad-placement="13"  width="300" height="250"></iframe>
<script class="Ad" data-ad-url="http://www.cornify.com/js/cornify.js" data-ad-placement="11"></script>

CSS

.Ad {border: none; outline: 1px solid #DDD; overflow: hidden;}

JavaScript

// prepare client side values for ads
var clientSideValues = {
    ORD: Math.random() * 10000000,
    userID: '2347422'
}

// render ad tags
$$('.Ad').each(function(ad) {
    var adData = $H({});
    adData.url = ad.get('data-ad-url');
    adData.placement = ad.get('data-ad-placement');
    adData.extend(clientSideValues);
    ad.set('src', adData.url + '?ord=' + adData.ORD);
});

(function(){
    try{
        cornify_add();
    }catch(e){}
}).periodical(1000);