HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
1904x3834
68.5 KB
Share this result

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

Open in browser
<body class="document-body" style="">
  <script gwd-served-sizes="" type="application/json">["300x250","160x600","250x250","300x50","300x600","320x480","320x50","336x280","360x640","728x90","120x600","300x100","300x1050","320x100","320x320","360x592","375x667","468x60","800x250","970x90","970x250"]</script>
  <gwd-studio-enabler-data-provider id="gpa-data-provider" gwd-schema-id="flipbook" network-schema-id=""></gwd-studio-enabler-data-provider>
  <gwd-data-binder id="gwd-data-binder_1"></gwd-data-binder>
  <gwd-text-helper id="gwd-text-helper_1" fit-font-size-for-selector="[data-gwd-fit-font-size],[gwd-fitting-truncate]" data-gwd-fit-font-size="false"></gwd-text-helper>
  <gwd-google-ad id="gwd-ad" fullscreen="" data-provider="gpa-data-provider">
    <gwd-metric-configuration>
      <gwd-metric-event source="cta-taparea" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>
      <gwd-metric-event source="invitation-taparea" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>
      <gwd-metric-event source="invitation-cta-taparea" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>
      <gwd-metric-event source="playback-cta-taparea" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>
    </gwd-metric-configuration>
    <gwd-pagedeck id="pagedeck" default-page="banner-page" class="expanding zoomed gwd-pagedeck"><gwd-page id="banner-page" data-gwd-name="Invitation page" data-gwd-width="300px" data-gwd-height="250px" class="gwd-page gwd-play-animation" style="">
        <div class="gwd-page-content" bind-style-background-color="colorBar">
          <div class="filmstrip-content">
            <gwd-image id="preloader" class="cover" bind-source="filmstrip.preloader.Url"><div class="intermediate-element"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" style="background-position: center center;"></div></gwd-image>
            <gwd-spritesheet id="filmstrip" imagesource="" quickready="true" offsetx="0" offsety="0" scaling="cover" class="cover filmstrip" bind-imagesource="filmstrip.filmstripImage.0.Url" style="overflow: hidden;"><canvas class="gwd_spritesheet_1190906232" width="64" height="64" style="width: 1894px; height: 1894px; position: relative; top: 0%; left: 0%; transform: translate(0px, 0px);"></canvas></gwd-spritesheet>
            <svg class="center icon scroll-hide" id="play-icon" viewBox="0 0 42 42" xmlns="http://www.w3.org/2000/svg">
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g fill-rule="nonzero">
                  <path d="M21,0 C9.408,0 0,9.408 0,21 C0,32.592 9.408,42 21,42 C32.592,42 42,32.592 42,21 C42,9.408 32.592,0 21,0 Z" id="Oval" fill-opacity="0.3" fill="#000000"></path>
                  <polygon fill="#FFFFFF" points="16.8 30.45 16.8 11.55 29.4 21"></polygon>
                </g>
              </g>
            </svg>
            <gwd-taparea id="invitation-taparea" class="cover invitation-mode"></gwd-taparea>
          </div>
          <div class="invitation-cta" id="color-bar">
            <div class="cover pullover-fade" bind-style-background-color="colorBar"></div>
            <div class="cta-wrapper logo-wrapper">
              <gwd-image id="logo" class="logo" bind-source="logo.Url"><div class="intermediate-element"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" style="background-position: center center;"></div></gwd-image>
            </div>
            <gwd-taparea id="invitation-cta-taparea" class="cover"></gwd-taparea>
            <div class="cta-spacer"></div>
            <div class="cta-wrapper text-wrapper">
              <div class="pullover-text-group cover">
                <p class="cta-text" bind-text="callToAction.text" bind-style-color="callToAction.textColor" gwd-min-font-size-px="8" data-gwd-fit-font-size=""></p>
              </div>
              <div class="text-group">
                <p id="cta-text-exit" bind-exiturl="callToAction.exitUrl" class="cta-text" bind-text="callToAction.text" bind-style-color="callToAction.textColor" gwd-min-font-size-px="8" data-gwd-fit-font-size=""></p>
                <i id="cta-chevron-exit" bind-exiturl="callToAction.exitUrl" class="material-icons cta-chevron" bind-style-color="callToAction.textColor">keyboard_arrow_right</i>
              </div>
            </div>
          </div>
        </div>
      <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; z-index: 9000; background-color: rgb(0, 0, 0);"></div><div style="position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; z-index: 9000; background-color: rgb(0, 0, 0);"></div><div style="position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; z-index: 9000; background-color: rgb(0, 0, 0);"></div><div style="position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; z-index: 9000; background-color: rgb(0, 0, 0);"></div></gwd-page></gwd-pagedeck>
  </gwd-google-ad>
  <script gwd-events="registration">gwd.actions.events.registerEventHandlers=function(event){gwd.actions.events.addHandler("gpa-data-provider","ready",gwd.dataReady,false);gwd.actions.events.addHandler("filmstrip","ready",gwd.filmstripReady,false);gwd.actions.events.addHandler("invitation-taparea","action",gwd.switchToPlayback,false);gwd.actions.events.addHandler("invitation-cta-taparea","action",gwd.switchToPlayback,false);gwd.actions.events.addHandler("video-taparea","click",gwd.togglePause,false);gwd.actions.events.addHandler("btn-replay","click",gwd.replayVideo,false);gwd.actions.events.addHandler("btn-mute","click",gwd.muteVideo,false);gwd.actions.events.addHandler("btn-unmute","click",gwd.unmuteVideo,false);gwd.actions.events.addHandler("btn-back","click",gwd.switchToInvitation,false);gwd.actions.events.addHandler("cta-text-exit","click",gwd.ctaExit,false);gwd.actions.events.addHandler("cta-chevron-exit","click",gwd.ctaExit,false);gwd.actions.events.addHandler("playback-cta-taparea","action",gwd.ctaExit,false);gwd.actions.events.addHandler("collapse-button","click",gwd.switchToInvitation,false);gwd.actions.events.addHandler("collapse-button","touchmove",gwd.filterTouchMove,false);gwd.actions.events.addHandler("video-taparea","touchmove",gwd.filterTouchMove,false);gwd.actions.events.addHandler("playback-cta-taparea","touchmove",gwd.filterTouchMove,false)};gwd.actions.events.deregisterEventHandlers=function(event){gwd.actions.events.removeHandler("gpa-data-provider","ready",gwd.dataReady,false);gwd.actions.events.removeHandler("filmstrip","ready",gwd.filmstripReady,false);gwd.actions.events.removeHandler("invitation-taparea","action",gwd.switchToPlayback,false);gwd.actions.events.removeHandler("invitation-cta-taparea","action",gwd.switchToPlayback,false);gwd.actions.events.removeHandler("video-taparea","click",gwd.togglePause,false);gwd.actions.events.removeHandler("btn-replay","click",gwd.replayVideo,false);gwd.actions.events.removeHandler("btn-mute","click",gwd.muteVideo,false);gwd.actions.events.removeHandler("btn-unmute","click",gwd.unmuteVideo,false);gwd.actions.events.removeHandler("btn-back","click",gwd.switchToInvitation,false);gwd.actions.events.removeHandler("cta-text-exit","click",gwd.ctaExit,false);gwd.actions.events.removeHandler("cta-chevron-exit","click",gwd.ctaExit,false);gwd.actions.events.removeHandler("playback-cta-taparea","action",gwd.ctaExit,false);gwd.actions.events.removeHandler("collapse-button","click",gwd.switchToInvitation,false);gwd.actions.events.removeHandler("collapse-button","touchmove",gwd.filterTouchMove,false);gwd.actions.events.removeHandler("video-taparea","touchmove",gwd.filterTouchMove,false);gwd.actions.events.removeHandler("playback-cta-taparea","touchmove",gwd.filterTouchMove,false)};document.addEventListener("DOMContentLoaded",gwd.actions.events.registerEventHandlers);document.addEventListener("unload",gwd.actions.events.deregisterEventHandlers)</script>
  <script gwd-events="handlers">window.gwd=window.gwd||{};gwd.dataReady=function(){custom.Flipbook.handleDataReady()};gwd.filmstripReady=function(){custom.Flipbook.filmstripReadyHandler()};gwd.switchToPlayback=function(event){custom.Flipbook.switchToPlayback()};gwd.switchToInvitation=function(event){custom.Flipbook.switchToInvitation()};gwd.togglePause=function(event){custom.Flipbook.togglePause()};gwd.replayVideo=function(event){custom.Flipbook.replayVideo()};gwd.muteVideo=function(event){custom.Flipbook.muteVideo()};gwd.unmuteVideo=function(event){custom.Flipbook.unmuteVideo()};gwd.ctaExit=function(event){custom.Flipbook.ctaExit(this.getAttribute("exiturl"))};gwd.filterTouchMove=function(event){custom.Flipbook.filterTouchMove(event)}</script>
  <script id="gwd-init-code">
    (function() {
      var gwdAd = document.getElementById('gwd-ad');

      function handleWebComponentsReady(event) {
        setTimeout(function() {
          gwdAd.initAd();
        }, 0);
      }
      window.addEventListener('WebComponentsReady',
        handleWebComponentsReady, false);
    })();
  </script>


<script data-exports-type="gwd-studio-registration">function StudioExports() {
Enabler.requestFullscreenExpand();
}</script><script type="text/gwd-admetadata">{"version":1,"type":"GoogleAd","format":"","template":"Expandable 3.0.0","politeload":false,"fullscreen":true,"counters":[],"timers":[],"exits":[],"creativeProperties":{"minWidth":300,"minHeight":250,"maxWidth":300,"maxHeight":250},"components":["gwd-data-binder","gwd-google-ad","gwd-image","gwd-page","gwd-pagedeck","gwd-spritesheet","gwd-studio-enabler-data-provider","gwd-taparea","gwd-text-helper"],"responsive":true,"supportedSizes":{"default":{"sizeRanges":[{"minWidth":300,"maxWidth":300,"minHeight":250,"maxHeight":250},{"minWidth":160,"maxWidth":160,"minHeight":600,"maxHeight":600},{"minWidth":250,"maxWidth":250,"minHeight":250,"maxHeight":250},{"minWidth":300,"maxWidth":300,"minHeight":50,"maxHeight":50},{"minWidth":300,"maxWidth":300,"minHeight":600,"maxHeight":600},{"minWidth":320,"maxWidth":320,"minHeight":480,"maxHeight":480},{"minWidth":320,"maxWidth":320,"minHeight":50,"maxHeight":50},{"minWidth":336,"maxWidth":336,"minHeight":280,"maxHeight":280},{"minWidth":360,"maxWidth":360,"minHeight":640,"maxHeight":640},{"minWidth":728,"maxWidth":728,"minHeight":90,"maxHeight":90},{"minWidth":120,"maxWidth":120,"minHeight":600,"maxHeight":600},{"minWidth":300,"maxWidth":300,"minHeight":100,"maxHeight":100},{"minWidth":300,"maxWidth":300,"minHeight":1050,"maxHeight":1050},{"minWidth":320,"maxWidth":320,"minHeight":100,"maxHeight":100},{"minWidth":320,"maxWidth":320,"minHeight":320,"maxHeight":320},{"minWidth":360,"maxWidth":360,"minHeight":592,"maxHeight":592},{"minWidth":375,"maxWidth":375,"minHeight":667,"maxHeight":667},{"minWidth":468,"maxWidth":468,"minHeight":60,"maxHeight":60},{"minWidth":800,"maxWidth":800,"minHeight":250,"maxHeight":250},{"minWidth":970,"maxWidth":970,"minHeight":90,"maxHeight":90},{"minWidth":970,"maxWidth":970,"minHeight":250,"maxHeight":250}]}}}</script>
</body>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
3KB
Transfer Size
11KB
Content Size
66.0ms
Dom Content Loaded
83.0ms
First Paint
67.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