HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

342x1080

75.5 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!-- Dianomi_Apple_News_Certification -->
<script src="mraid.js"></script>
<div class="dianomiSmartad" data-dianomi-smartad-id="12045" data-dianomi-geo="gb"></div>
<script src="https://www.dianomi.com/js/dianomismartad.js"></script>
    <script>
      const adDevelopmentEnabled = '{{AD_DEVELOPMENT_ENABLED}}';

      var setupWatermark = function () {
          if (adDevelopmentEnabled === 'true') {
            const adContainerBody = document.getElementsByTagName('html')[0];
            adContainerBody.classList.add('watermarked');

             // This is needed if watermark has to be recomputed on resize
            const oldWatermarkElement = document.querySelector('.watermark');
            if (oldWatermarkElement) {
              oldWatermarkElement.remove();
            }

            const watermarkElement = document.createElement("div");
            watermarkElement.classList.add('watermark');
            const rowCount = Math.ceil(adContainerBody.offsetHeight / 18) + 5;
            const colCount = Math.ceil(adContainerBody.offsetWidth / 230) + 5;

            for(let i =0 ;i <= rowCount; i++) {
              const watermarkContent = document.createElement("div");
              watermarkContent.classList.add('watermark-content');

              for (let j = 0; j <= colCount; j++) {
                const watermarkText = document.createElement("div");
                watermarkText.classList.add('watermark-text');
                watermarkText.innerHTML = 'For Ad Development Purposes Only';
                watermarkContent.appendChild(watermarkText);
              }
              watermarkElement.appendChild(watermarkContent);

              if (i%2 > 0) {
                // Initialize it with Width of "For Ad " text in watermark (px)
                let translationOffset = 98;
                // Convert padding to px and add it
                if (adContainerBody.offsetHeight <= 100) {
                  translationOffset = translationOffset + (12 * adContainerBody.offsetHeight) / 100;
                } else {
                  translationOffset = translationOffset + (4 * adContainerBody.offsetHeight) / 100;
                }
                watermarkContent.style.transform = `translateX(-${translationOffset}px)`;
              }
            }
            adContainerBody.appendChild(watermarkElement);
          }
        }

        setupWatermark();

        /*
        Readjust the image scaling on window resize
        On iOS 15+ container sizes are resized after ad is rendered
        */
        window.onresize = setupWatermark;
    </script>
  </body>
</html>

Landing Page

Open in browser

URL

https://www.dianomi.com/click.epl?pn=136950&offer=35008037&savid=355630&unique_id=aBu1jku2cWCKG7VROJWA2gAAAAI&adv=14687&said=12045&smartreferer=https%3A%2F%2Fs3.us-east-2.amazonaws.com%2F

Query Parameters

pn: 136950
offer: 35008037
savid: 355630
unique_id: aBu1jku2cWCKG7VROJWA2gAAAAI
adv: 14687
said: 12045
smartreferer: https://s3.us-east-2.amazonaws.com/

Network Timeline

Performance Summary

Requests

Domains

20KB

Transfer Size

36KB

Content Size

680.0ms

Dom Content Loaded

2,804.0ms

First Paint

3,299.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests