API tools faq
paste
Advertisement
Guest User

gwd

a guest
Mar 21st, 2015
734
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head data-gwd-animation-mode="proMode">
  5.   <link href="gwdyoutube_style.css" data-version="2.4" data-exports-type="gwd-youtube" rel="stylesheet">
  6.   <link href="gwdtaparea_style.css" data-version="1.2" data-exports-type="gwd-taparea" rel="stylesheet">
  7.   <link href="gwdpagedeck_style.css" data-version="1.1" data-exports-type="gwd-pagedeck" rel="stylesheet">
  8.   <script data-source="custom.elements.min.js" type="text/javascript" src="custom.elements.min.js"></script>
  9.   <meta name="generator" content="Google Web Designer 1.2.1.0121">
  10.   <meta name="template" content="Banner 2.1.2">
  11.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  12.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.   <style type="text/css" id="gwd-lightbox-style">
  14.     .gwd-lightbox {
  15.       overflow: hidden;
  16.     }
  17.   </style>
  18.   <style type="text/css">
  19.     html, body {
  20.       width: 100%;
  21.       height: 100%;
  22.       margin: 0px;
  23.     }
  24.     .gwd-page-container {
  25.       position: relative;
  26.       width: 100%;
  27.       height: 100%;
  28.     }
  29.     .gwd-page-content {
  30.       -webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  31.       -webkit-transform-style: preserve-3d;
  32.       position: absolute;
  33.       background-color: transparent;
  34.     }
  35.     .gwd-page-wrapper {
  36.       position: absolute;
  37.       -webkit-transform: translateZ(0px);
  38.       background-color: rgb(255, 255, 255);
  39.     }
  40.     .gwd-page-size {
  41.       width: 300px;
  42.       height: 250px;
  43.     }
  44.     .gwd-taparea-ogtg {
  45.       position: absolute;
  46.       width: 300px;
  47.       height: 250px;
  48.       left: 0px;
  49.       top: 0px;
  50.     }
  51.     .gwd-youtube-plws {
  52.       position: absolute;
  53.       width: 200px;
  54.       height: 140px;
  55.       left: 51px;
  56.       top: 53px;
  57.     }
  58.     .loading-image {
  59.       display: none;
  60.       width: 300px;
  61.       height: 250px;
  62.     }
  63.   </style>
  64.   <script data-source="gwdpage_min.js" data-version="1.1" data-exports-type="gwd-page" type="text/javascript" src="gwdpage_min.js"></script>
  65.   <script data-source="gwdpagedeck_min.js" data-version="1.1" data-exports-type="gwd-pagedeck" type="text/javascript" src="gwdpagedeck_min.js"></script>
  66.   <script data-source="https://s0.2mdn.net/ads/studio/Enabler.js" data-exports-type="gwd-doubleclick" type="text/javascript" src="https://s0.2mdn.net/ads/studio/Enabler.js"></script>
  67.   <script data-source="gwddoubleclick_min.js" data-version="1.3" data-exports-type="gwd-doubleclick" type="text/javascript" src="gwddoubleclick_min.js"></script>
  68.   <script data-source="gwdtaparea_min.js" data-version="1.2" data-exports-type="gwd-taparea" type="text/javascript" src="gwdtaparea_min.js"></script>
  69.   <script data-source="gwdyoutube_min.js" data-version="2.4" data-exports-type="gwd-youtube" type="text/javascript" src="gwdyoutube_min.js"></script>
  70. </head>
  71.  
  72. <body>
  73.   <!-- LOADING IMAGE -->
  74.   <div id="loading" class="loading-image">
  75.     <img src="loading1.gif">
  76.   </div>
  77.   <gwd-doubleclick id="gwd-ad" polite-load="">
  78.     <gwd-metric-configuration>
  79.       <gwd-metric-event source="gwd-youtube_1" event="playpressed" metric="gwd-youtube_1: YouTube play"></gwd-metric-event>
  80.       <gwd-metric-event source="gwd-youtube_1" event="paused" metric="gwd-youtube_1: YouTube pause"></gwd-metric-event>
  81.       <gwd-metric-event source="gwd-youtube_1" event="ended" metric="gwd-youtube_1: YouTube end"></gwd-metric-event>
  82.       <gwd-metric-event source="gwd-youtube_1" event="viewed25percent" metric="gwd-youtube_1: YouTube first quartile"></gwd-metric-event>
  83.       <gwd-metric-event source="gwd-youtube_1" event="viewed50percent" metric="gwd-youtube_1: YouTube midpoint"></gwd-metric-event>
  84.       <gwd-metric-event source="gwd-youtube_1" event="viewed75percent" metric="gwd-youtube_1: YouTube third quartile"></gwd-metric-event>
  85.       <gwd-metric-event source="gwd-youtube_1" event="viewed100percent" metric="gwd-youtube_1: YouTube complete"></gwd-metric-event>
  86.       <gwd-metric-event source="gwd-youtube_1" event="previewed0percent" metric="gwd-youtube_1: YouTube preview started"></gwd-metric-event>
  87.       <gwd-metric-event source="gwd-youtube_1" event="previewed25percent" metric="gwd-youtube_1: YouTube preview first quartile"></gwd-metric-event>
  88.       <gwd-metric-event source="gwd-youtube_1" event="previewed50percent" metric="gwd-youtube_1: YouTube preview midpoint"></gwd-metric-event>
  89.       <gwd-metric-event source="gwd-youtube_1" event="previewed75percent" metric="gwd-youtube_1: YouTube preview third quartile"></gwd-metric-event>
  90.       <gwd-metric-event source="gwd-youtube_1" event="previewed100percent" metric="gwd-youtube_1: YouTube preview complete"></gwd-metric-event>
  91.     </gwd-metric-configuration>
  92.     <div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
  93.       <div is="gwd-page" id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="300px" data-gwd-height="250px">
  94.         <div class="gwd-page-content gwd-page-size">
  95.           <gwd-youtube id="gwd-youtube_1" annotations="" related="" title="" class="gwd-youtube-plws" data-gwd-name="video" video-url="https://www.youtube.com/watch?v=hvMpbUsJs5A"></gwd-youtube>
  96.           <gwd-taparea id="gwd-taparea_1" class="gwd-taparea-ogtg"></gwd-taparea>
  97.         </div>
  98.       </div>
  99.     </div>
  100.   </gwd-doubleclick>
  101.   <script type="text/javascript" id="gwd-init-code">
  102.     (function() {
  103.       document.body.style.opacity = "0";
  104.       var gwdAd = document.getElementById('gwd-ad');
  105.  
  106.       // *** MAKE OUR LOADING IMAGE VISIBLE (WHEN BODY IS VISIBLE) ***
  107.       document.getElementById('loading').style.display = 'block';
  108.  
  109.  
  110.       /**
  111.        * Handles the DOMContentLoaded event. The DOMContentLoaded event is
  112.        * fired when the document has been completely loaded and parsed.
  113.        */
  114.  
  115.       function handleDomContentLoaded(event) {
  116.         // This is a good place to show a loading or branding image while
  117.         // the ad loads.
  118.       }
  119.  
  120.       /**
  121.        * Handles the WebComponentsReady event. This event is fired when all
  122.        * custom elements have been registered and upgraded.
  123.        */
  124.       function handleWebComponentsReady(event) {
  125.         document.body.style.opacity = "";
  126.  
  127.         // Start the Ad lifecycle.
  128.         setTimeout(function() {
  129.           gwdAd.initAd();
  130.         }, 0);
  131.       }
  132.  
  133.       /**
  134.        * Handles the event that is dispatched after the Ad has been
  135.        * initialized and before the default page of the Ad is shown.
  136.        */
  137.       function handleAdInitialized(event) {
  138.         // This marks the end of the polite load phase of the Ad. If a
  139.         // loading image was shown to the user, this is a good place to
  140.         // remove it.
  141.  
  142.         // *** HIDE OUR LOADING IMAGE ***
  143.         document.getElementById('loading').style.display = 'none';
  144.  
  145.       }
  146.  
  147.       window.addEventListener('DOMContentLoaded',
  148.         handleDomContentLoaded, false);
  149.       window.addEventListener('WebComponentsReady',
  150.         handleWebComponentsReady, false);
  151.       window.addEventListener('adinitialized',
  152.         handleAdInitialized, false);
  153.     })();
  154.   </script>
  155. </body>
  156.  
  157. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!