githubmirror/amphtml

examples/browsi-analytics.amp.html
147 строк5 KB
Caroline Liu
Apply lang="en" to examples/ (#34759)
10 июн 2021, 17:30
10 июн 2021, 17:302ee75c4
<!doctype html>
<html ⚡ lang="en">
<head>
  <meta charset="utf-8">
  <title>AMP Analytics</title>
  <link rel="canonical" href="browsi-analytics.amp.html">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <style amp-boilerplate>body {
    -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
    -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
    -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
    animation: -amp-start 8s steps(1, end) 0s 1 normal both
  }

  @-webkit-keyframes -amp-start {
    from {
      visibility: hidden
    }
    to {
      visibility: visible
    }
  }

  @-moz-keyframes -amp-start {
    from {
      visibility: hidden
    }
    to {
      visibility: visible
    }
  }

  @-ms-keyframes -amp-start {
    from {
      visibility: hidden
    }
    to {
      visibility: visible
    }
  }

  @-o-keyframes -amp-start {
    from {
      visibility: hidden
    }
    to {
      visibility: visible
    }
  }

  @keyframes -amp-start {
    from {
      visibility: hidden
    }
    to {
      visibility: visible
    }
  }</style>
  <noscript>
    <style amp-boilerplate>body {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      animation: none
    }</style>
  </noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
  <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
</head>
<body>
<!-- Browsi prediction tracking -->
<amp-analytics type="browsi" id="browsi" config="https://middycdn-a.akamaihd.net/amp/demo/amp-demo.json">
</amp-analytics>
<div class="logo"></div>
<h1 id="top">AMP Browsi Analytics</h1>
<div style="font-size: 26px">
  <p>More about us at <a href="https://www.gobrowsi.com">Browsi</a></p>
</div>
<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pellentesque augue quis elementum tempus. Pellentesque
  sit amet neque bibendum, sagittis purus vitae, pellentesque magna. Vestibulum non viverra metus, eget feugiat lacus.
  Nulla in maximus orci. Maecenas id turpis vel ipsum vestibulum bibendum ut sit amet magna. Nullam hendrerit ex at est
  eleifend, nec dignissim nibh rutrum. Aliquam quis tellus et nibh faucibus laoreet in eget turpis. Nam quam nisl,
  porttitor vel ex eget, dapibus placerat dui. Mauris commodo pellentesque leo, eu tempus quam. In hac habitasse platea
  dictumst. Suspendisse non ante finibus, luctus augue non, luctus orci. Vestibulum ornare lacinia aliquam. In
  sollicitudin vehicula vulputate. Sed mi elit, commodo nec sapien nec, pretium bibendum leo. Donec id justo tortor. Ut
  in mauris dapibus, laoreet metus vitae, dictum nisi.
</p>
<p>
  Integer dapibus egestas arcu. Nunc vitae velit congue, placerat augue quis, suscipit nisi. Donec suscipit imperdiet
  turpis pharetra feugiat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
  Phasellus aliquam eleifend dolor, at lacinia orci semper vel. Nunc semper sem vel tincidunt posuere. Nunc lobortis
  velit vitae condimentum mollis. Morbi eu ullamcorper mauris. Pellentesque ac eros maximus, pulvinar sapien vitae,
  semper nisi. Curabitur imperdiet non mauris vitae sollicitudin.
</p>
<p>
  Nam posuere velit euismod risus pulvinar, in sollicitudin sapien consectetur. Vestibulum nec ex odio. Quisque at elit
  nec nunc ultricies lacinia nec non lorem. Maecenas porttitor consequat mauris, vitae porttitor ligula pellentesque ut.
  Pellentesque rhoncus diam vel lacus lobortis imperdiet. Sed maximus dictum hendrerit. Vivamus ornare, purus in laoreet
  sagittis, est ante pretium mauris, vel vulputate arcu erat eget mauris. Suspendisse eu lorem metus. Aliquam tempus
  aliquet urna, vitae mollis lacus pretium vitae. Etiam semper gravida commodo. Maecenas at pulvinar quam. Nullam dolor
  ipsum, ornare a sollicitudin et, sodales porttitor neque.
</p>
<p>
<ul>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li>Aliquam in ex porta, imperdiet elit sit amet, condimentum diam.</li>
  <li>Etiam fermentum nisi at porta pulvinar.</li>
</ul>
</p>
<amp-ad id="browsi-ex-1" width="320" height="50"
        type="doubleclick"
        data-slot="/4119129/mobile_ad_banner">
</amp-ad>
<p>
<ul>
  <li>Proin mattis neque vel elit posuere molestie.</li>
  <li>Integer tincidunt sem sed nunc auctor elementum.</li>
  <li>Integer a felis in ipsum aliquet auctor sit amet a neque.</li>
</ul>
</p>
<p>
<ul>
  <li>Sed suscipit dolor molestie, rhoncus quam ac, lacinia ex.</li>
  <li>Curabitur et tellus vel justo ultrices aliquet sed id turpis.</li>
  <li>Nam finibus risus at justo elementum bibendum.</li>
  <li>In non lacus non urna congue feugiat at vel diam.</li>
</ul>
</p>
<p>
<ul>
  <li>Integer hendrerit augue interdum dui venenatis, sit amet tristique mauris cursus.</li>
  <li>Etiam quis eros viverra, tincidunt justo in, facilisis nunc.</li>
  <li>Aliquam at lacus faucibus, congue lorem interdum, semper mauris.</li>
  <li>Ut vulputate erat vel feugiat pharetra.</li>
  <li>Morbi id augue id orci sagittis tempus.</li>
  <li>Vestibulum varius libero ac dignissim sodales.</li>
</ul>
</p>
<p>
<ul>
  <li>Aenean ac sem eget libero varius viverra sit amet vitae nunc.</li>
</ul>
</p>
</body>
</html>