HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
1200x50
380 Bytes
Share this result

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

Open in browser
<!DOCTYPE html>
<html>
<head>
  <meta name="GCD" content="YTk3ODQ3ZWZhN2I4NzZmMzBkNTEwYjJl652e22e6a8201d35389832952de95084"/>
  <meta charset="utf-8">
  <meta name="generator" content="Google Web Designer 16.1.0.0530">
  <meta name="template" content="Banner 3.0.0">
  <meta name="environment" content="gwd-dv360">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    gwd-page {display: block;}
    .gwd-inactive {visibility: hidden;}
    .gwd-pagedeck {position: relative; display: block;}
    .gwd-pagedeck > .gwd-page.transparent {opacity: 0;}
    .gwd-pagedeck > .gwd-page {position: absolute; top: 0; left: 0; transition-property: transform, opacity;}
    .gwd-pagedeck > .gwd-page.linear {transition-timing-function: linear;}
    .gwd-pagedeck > .gwd-page.ease-in {transition-timing-function: ease-in;}
    .gwd-pagedeck > .gwd-page.ease-out {transition-timing-function: ease-out;}
    .gwd-pagedeck > .gwd-page.ease {transition-timing-function: ease;}
    .gwd-pagedeck > .gwd-page.ease-in-out {transition-timing-function: ease-in-out;}
    .ease *, .ease-in *, .ease-in-out *, .ease-out *, .linear * {transform: translateZ(0);}
    gwd-page.fs {border: none;}
    gwd-image.scaled-proportionally > div.intermediate-element > img {background-repeat: no-repeat; background-position: 50%;}
    gwd-image {display: inline-block;}
    gwd-image > div.intermediate-element {width: 100%; height: 100%; transform-style: unset;}
    gwd-image > div.intermediate-element > img {display: block; width: 100%; height: 100%;}
    #gwd-lightbox-style .gwd-lightbox {overflow: hidden;}
    #gwd-text-style p, #gwd-text-style h1, #gwd-text-style h2, #gwd-text-style h3 {margin: 0px;}
    html, body {width: 100%; height: 100%; margin: 0px;}
    .gwd-page-container {position: relative; width: 100%; height: 100%;}
    .gwd-page-content {background-color: transparent; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); perspective: 1400px; -webkit-perspective: 1400px; -moz-perspective: 1400px; position: absolute; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;}
    .gwd-page-content * {transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;}
    .gwd-page-wrapper {background-color: #fff; position: absolute; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0);}
    .gwd-page-size {width: 1200px; height: 50px;}
    .gwd-image-sm1b {position: absolute; top: 0px; width: 1200px; height: 50px; left: 0px;}
  </style>
  <script data-source="gwd_webcomponents_v1_min.js" data-version="2" data-exports-type="gwd_webcomponents_v1">/* (gwd_webcomponents_v1_min.js content remains unchanged) */</script>
  <script data-source="gwdpage_min.js" data-version="13" data-exports-type="gwd-page">/* (gwdpage_min.js content remains unchanged) */</script>
  <script data-source="gwdpagedeck_min.js" data-version="14" data-exports-type="gwd-pagedeck">/* (gwdpagedeck_min.js content remains unchanged) */</script>
  <script src="https://s0.2mdn.net/ads/studio/Enabler.js"></script>
  <script data-source="gwdgooglead_min.js" data-version="9" data-exports-type="gwd-google-ad">/* (gwdgooglead_min.js content remains unchanged) */</script>
  <script data-source="gwdimage_min.js" data-version="17" data-exports-type="gwd-image">/* (gwdimage_min.js content remains unchanged) */</script>
</head>

<body>
  <gwd-google-ad id="gwd-ad" polite-load="">
    <gwd-metric-configuration>
      <gwd-metric-event source="#gwd-image_1" event="click" exit="Click_Through"></gwd-metric-event>
    </gwd-metric-configuration>
    <gwd-pagedeck class="gwd-page-container" id="pagedeck">
      <gwd-page id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="1200px" data-gwd-height="50px">
        <div class="gwd-page-content gwd-page-size">
          <gwd-image id="gwd-image_1" source="1200x50.ai.gif" scaling="stretch" class="gwd-image-sm1b" onerror="this.style.display='none'; this.parentNode.style.backgroundColor='#f0f0f0';"></gwd-image>
        </div>
      </gwd-page>
    </gwd-pagedeck>
  </gwd-google-ad>
  <script type="text/javascript" id="gwd-init-code">
    (function() {
      var gwdAd = document.getElementById('gwd-ad');
      window.clickTag = "https://example.com"; // Replace with your actual URL

      /**
       * Handles the DOMContentLoaded event.
       */
      function handleDomContentLoaded(event) {}

      /**
       * Handles the WebComponentsReady event.
       */
      function handleWebComponentsReady(event) {
        if (window.Enabler) {
          Enabler.setClickThroughUrl(window.clickTag);
        }
        requestAnimationFrame(function() {
          setTimeout(function() {
            gwdAd.initAd();
          }, 1);
        });
      }

      /**
       * Handles the adinitialized event.
       */
      function handleAdInitialized(event) {}

      window.addEventListener('DOMContentLoaded', handleDomContentLoaded, false);
      window.addEventListener('WebComponentsReady', handleWebComponentsReady, false);
      window.addEventListener('adinitialized', handleAdInitialized, false);
    })();
  </script>

  <script>
    // Handle click event
    document.getElementById('gwd-image_1').addEventListener('click', function() {
      if (window.Enabler && Enabler.isInitialized()) {
        Enabler.exit('Click_Through');
      } else {
        window.open(window.clickTag, '_blank');
      }
    });
  </script>

  <script data-exports-type="gwd-studio-registration">function StudioExports() {}</script>
  <script type="text/gwd-admetadata">
    {"version":1,"type":"GoogleAd","format":"","template":"Banner 3.0.0","politeload":true,"fullscreen":false,"counters":[],"timers":[],"exits":[{"name":"Click_Through","url":"https://example.com"}],"creativeProperties":{"minWidth":1200,"minHeight":50,"maxWidth":1200,"maxHeight":50},"components":["gwd-google-ad","gwd-image","gwd-page","gwd-pagedeck"],"responsive":false}
  </script>
</body>
</html>
</DOCUMENT>
Landing Page

Open in browser
URL

https://example.com/
Query Parameters

None
Network Timeline

Performance Summary

Requests
Domains
55KB
Transfer Size
157KB
Content Size
358.0ms
Dom Content Loaded
367.0ms
First Paint
359.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