examples/ads.amp.html

<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <title>Ad examples</title>
  <link rel="canonical" href="http://nonblocking.io/" >
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <style amp-custom>
    amp-ad {
      max-width: 500px;
    }
    /* Included here to make sure it does not render. */
    .fixed {
      position: fixed;
      top: 0;
      right: 0;
    }
    .red {
      background-color: red;
    }

    amp-ad[type="revcontent"] {
      width: 100%;
      max-width: 1280px;
      margin: 18px 0;
      padding: 0;
    }
    amp-ad[type="nativo"] {
      width: 100%;
      max-width: 1280px;
      margin: 18px 0;
      padding: 0;
      height:100px;
    }
  </style>
  <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>

</head>
<body>

  <h2>A9</h2>
  <amp-ad width=300 height=250
      type="a9"
      data-aax_size="300x250"
      data-aax_pubname="test123"
      data-aax_src="302">
  </amp-ad>

  <h2>Weborama</h2>
  <amp-ad width=300 height=250
      type="weborama-display"
      data-wbo_account_id=51
      data-wbo_tracking_element_id=137
      data-wbo_fullhost="certification.solution.weborama.fr"
      data-wbo_random="[RANDOM]"
      data-wbo_publisherclick="[PUBLISHER_TRACKING_URL]">
    <div placeholder>Loading ad.</div>
    <div fallback>Ad could not be loaded.</div>
  </amp-ad>

  <div class="fixed">
    <h4>Fixed positioned ad (will not render)</h4>
    <amp-ad width=300 height=250
        type="a9"
        data-aax_size="300x250"
        data-aax_pubname="test123"
        data-aax_src="302">
    </amp-ad>
  </div>

  <h2>Adblade</h2>
  <amp-ad width=300 height=250
      type="adblade"
      data-width="300"
      data-height="250"
      data-cid="19626-3798936394">
  </amp-ad>

  <h2>ADITION</h2>
  <amp-ad width=300 height=250
      type="adition"
      data-version="1"
      data-wp_id="3470234">
  </amp-ad>

  <h2>Adman</h2>

  <amp-ad width="300" height="250"
      type="adman"
      data-ws="17342"
      data-s="300x250"
      data-host="talos.adman.gr">
    </amp-ad>

  <h2>AdReactor</h2>
  <amp-ad width=728 height=90
      type="adreactor"
      data-pid=790
      data-zid=9
      data-custom3="No Type">
  </amp-ad>

  <h2>AdSense</h2>
  <amp-ad width=300 height=200
      type="adsense"
      data-ad-client="ca-pub-8125901705757971"
      data-ad-slot="7783467241">
  </amp-ad>

  <h2>AdTech</h2>
  <amp-ad width=300 height=250
      type="adtech"
      src="https://adserver.adtechus.com/addyn/3.0/5280.1/2274008/0/-1/ADTECH;size=300x250;key=plumber;alias=careerbear-ros-middle1;loc=300;;target=_blank;grp=27980912;misc=3767074">
  </amp-ad>

  <h2>Ad Up Technology</h2>
  <amp-ad type="aduptech"
      layout="fixed"
      width="500"
      height="250"
      data-placementkey="ae7906d535ce47fbb29fc5f45ef910b4"
      data-query="reisen;mallorca;spanien"
      data-adtest="1">
  </amp-ad>

  <h2>Teads</h2>
  <amp-ad width=300 height=220
      type="teads"
      data-pid="42266"
      layout="responsive">

      <div fallback>Teads fallback - Discover <a href="http://teads.tv/en/platform/">inRead by Teads</a> !</div>
  </amp-ad>

  <h2>AppNexus with JSON based configuration multi ad</h2>
  <amp-ad width=300 height=250
      type="appnexus"
      data-target="apn_ad_1"
      json='{"pageOpts":{"member": 958}, "adUnits": [{"disablePsa": true, "tagId": 6063968,"sizes": [300,250],"targetId": "apn_ad_1"}, {"tagId": 6063968,"sizes": [728,90],"targetId":"apn_ad_2"}]}'>
  </amp-ad>

  <amp-ad width=728 height=90
      type="appnexus"
      data-target="apn_ad_2"
      json='{"pageOpts":{"member": 958}, "adUnits": [{"disablePsa": true, "tagId": 6063968,"sizes": [300,250],"targetId": "apn_ad_1"}, {"tagId": 6063968,"sizes": [728,90],"targetId":"apn_ad_2"}]}'>
  </amp-ad>

  <h2>Doubleclick</h2>
  <amp-ad width=320 height=50
      type="doubleclick"
      data-slot="/4119129/mobile_ad_banner"
      >
  </amp-ad>

  <h2>Doubleclick with JSON based parameters</h2>
  <amp-ad width=320 height=50
      type="doubleclick"
      data-slot="/4119129/mobile_ad_banner"
      json='{"targeting":{"sport":["rugby","cricket"]},"categoryExclusions":["health"],"tagForChildDirectedTreatment":0}'
      >
  </amp-ad>

  <h2>Doubleclick no ad with fallback</h2>
  <amp-ad width=300 height=200
      type="doubleclick"
      data-slot="/4119129/doesnt-exist"
      >
      <div fallback>
        <b>Thank you for trying AMP!</b>

        <p>You got lucky! We have no ad to show to you!</p>
      </div>
  </amp-ad>

  <h2>Doubleclick no ad with placeholder and fallback</h2>
  <amp-ad width=300 height=200
      type="doubleclick"
      data-slot="/4119129/doesnt-exist"
      >
      <div placeholder>
        <b>Placeholder here!!!</b>
      </div>
      <div fallback>
        <b>Thank you for trying AMP!</b>

        <p>You got lucky! We have no ad to show to you!</p>
      </div>
  </amp-ad>

  <h2>Doubleclick with overriden size</h2>
  <amp-ad width=420 height=100
      data-override-width=320 data-override-height=50
      type="doubleclick"
      data-slot="/4119129/mobile_ad_banner"
      class="red"
      >
  </amp-ad>
  <h2>Challenging ad.</h2>
  <amp-ad
      width="414"
      height="457"
      layout="fixed"
      type="doubleclick"
      data-slot="/35096353/amptesting/badvideoad">
    </amp-ad>

  <h2>Criteo</h2>
  <amp-ad width="300" height="250"
      type="criteo"
      data-zone="314159">
  </amp-ad>

  <h2>Flite</h2>
  <amp-ad width=320 height=568
      type = "flite"
      data-guid = "aa7bf589-6d51-4194-91f4-d22eef8e3688"
      data-mixins="">
  </amp-ad>

  <h2>MANTIS</h2>
  <amp-ad
      width=300
      height=250
      type = "mantis-display"
      data-property = "demo"
      data-zone="medium-rectangle">
  </amp-ad>

  <amp-embed
      width=100
      height=283
      type="mantis-recommend"
      layout=responsive
      heights="(min-width:1907px) 56%, (min-width:1100px) 64%, (min-width:780px) 75%, (min-width:480px) 105%, 200%"
      data-property="demo">
  </amp-embed>

  <h2>Media Impact</h2>
  <amp-ad width="320" height="250"
          type="mediaimpact"
          data-site="67767"
          data-page="amp"
          data-format="4459"
          data-target=""
          data-slot="4459">
  </amp-ad>

  <h2>plista responsive widget</h2>
  <amp-embed width=300 height=300
      type="plista"
      layout=responsive
      data-countrycode="de"
      data-publickey="e6a75b42216ffc96b7ea7ad0c94d64946aedaac4"
      data-widgetname="iAMP_2"
      data-geo="de"
      data-urlprefix=""
      data-categories="politik">
  </amp-embed>

  <h2>Taboola responsive widget</h2>
  <amp-embed width=100 height=283
             type=taboola
             layout=responsive
             heights="(min-width:1907px) 39%, (min-width:1200px) 46%, (min-width:780px) 64%, (min-width:480px) 98%, (min-width:460px) 167%, 196%"
             data-publisher="amp-demo"
             data-mode="thumbnails-a"
             data-placement="Ads Example"
             data-article="auto">
  </amp-embed>

  <h2>DotAndAds masthead</h2>
  <amp-ad width=980 height=250
      type="dotandads"
      data-cid="11"
      data-mpo="ampTest"
      data-mpt="amp-amp-all-all"
      data-sp='sn-u'>
  </amp-ad>

  <h2>DotAndAds 300x250 box</h2>
  <amp-ad width=300 height=250
      type="dotandads"
      data-sp='300x250-u'
      data-cid="11"
      data-mpo="ampTest"
      data-mpt="amp-amp-all-all">
  </amp-ad>

  <h2>Industrybrains</h2>
  <amp-ad width=300 height=250
      type="industrybrains"
      data-width="300"
      data-height="250"
      data-cid="19626-3798936394">
  </amp-ad>

  <h2>Open AdStream single ad</h2>
  <amp-ad width=300 height=250
    type="openadstream"
    data-adhost="oasc-training7.247realmedia.com"
    data-sitepage="dx_tag_pvt_site"
    data-pos="x04"
    data-query="keyword=keyvalue&key2=value2" >
  </amp-ad>

  <h2>OpenX</h2>
  <amp-ad width="728" height="90"
    type="openx"
    data-auid="538289845"
    data-host="sademo-d.openx.net"
    data-nc="90577858-BidderTest">
  </amp-ad>
  <div>
    <a href="openx.amp.max.html">See all OpenX examples</a>
  </div>

  <h2>SmartAdServer ad</h2>
  <amp-ad width=320 height=50
      type="smartadserver"
      data-call="std"
      data-site="94612"
      data-page="629154"
      data-format="38952"
      data-target="foo=bar">
  </amp-ad>

  <h2>SOVRN</h2>
  <amp-ad width=300 height=250
      type="sovrn"
      data-width="300"
      data-height="600"
      data-u="sduggan"
      data-iid="informerIDgoeshere"
      data-aid="affiliateIDgoeshere"
      data-testFlag="true"
      data-z="342521">
  </amp-ad>

  <h2>Yieldmo</h2>
  <amp-ad width=300 height=168
      type="yieldmo"
      data-ymid="1349317029731662884">
  </amp-ad>

  <h2>Revcontent Widget with placeholder and fallback</h2>
  <amp-ad width="320" height="420"
      layout="responsive"
      type="revcontent"
      data-wrapper="rcjsload_2ff711"
      data-endpoint="trends.revcontent.com"
      data-id="203">

    <div placeholder>200 Billion Content recommendations!</div>
    <div fallback>200 Billion Content recommendations!</div>
  </amp-ad>

  <h2>Sortable ad</h2>
  <amp-ad width=300 height=250
      type="sortable"
      data-name="medrec"
      data-site="ampproject.org">
  </amp-ad>

  <h2>TripleLift</h2>
  <amp-ad width=297 height=410
      type="triplelift"
      layout="responsive"
      src="https://ib.3lift.com/dtj/amptest_main_feed/335430">
  </amp-ad>

  <h2>Rubicon Project Smart Tag</h2>
  <amp-ad width="320" height="50"
      type="rubicon"
      data-method="smartTag"
      data-account="14062"
      data-site="70608"
      data-zone="335918"
      data-size="43"
      data-kw="amp-test, test"
      json='{"visitor":{"age":"18-24","gender":"male"},"inventory":{"section":"amp"}}'>
    <div placeholder>Ad Loading...</div>
    <div fallback>Ad Load Failed.</div>
  </amp-ad>

  <h2>Rubicon Project FastLane Single Slot</h2>
  <amp-ad width="320" height="50"
      type="rubicon"
      data-slot="/5300653/amp_test"
      data-method="fastLane"
      data-account="14062"
      data-pos="atf"
      data-kw="amp-test"
      json='{"targeting":{"kw":"amp-test","age":"18-24","gender":"male","section":"amp"},"visitor":{"age":"18-24","gender":"male"},"inventory":{"section":"amp"}}'>
    <div placeholder>Ad Loading...</div>
    <div fallback>Ad Load Failed.</div>
  </amp-ad>

  <h2>I-Mobile 320x50 banner</h2>
  <amp-ad width="320"
      height="50"
      type="imobile"
      data-pid="1847"
      data-adtype="banner"
      data-asid="813689">
  </amp-ad>

  <h2>GMOSSP 320x50 banner</h2>
  <amp-ad width="320"
      height="50"
      type="gmossp"
      data-id="10014">
  </amp-ad>

  <h2>Yieldbot 300x250</h2>
  <amp-ad width="300" height="250"
          type="yieldbot"
          data-psn="1234"
          data-yb-slot="medrec"
          data-slot="/2476204/medium-rectangle"
          json='{"targeting":{"category":["food","lifestyle"]},"categoryExclusions":["health"]}'>
  </amp-ad>

  <h2>AdStir 320x50 banner</h2>
  <amp-ad width="320"
      height="50"
      type="adstir"
      data-app-id="MEDIA-343ded3e"
      data-ad-spot="1">
  </amp-ad>

 <h2>Colombia ad</h2>
  <amp-ad width=320
      height=140
      type="colombia"
      layout=responsive
      data-clmb_slot="129883"
      data-clmb_position="1"
      data-clmb_section="0">
  </amp-ad>

  <h2>Sharethrough</h2>
  <amp-ad width=300 height=150
      layout="responsive"
      type="sharethrough"
      data-pkey="c0fa8367">
  </amp-ad>

 <h2>E-Planning 320x50</h2>
 <amp-ad width=320 height=50
      type="eplanning"
      layout=responsive
      data-epl_si="af2"
      data-epl_sv="https://ads.eu.e-planning.net"
      data-epl_isv="https://us.img.e-planning.net"
      data-epl_sec="AMP_TEST"
      data-epl_kvs='{"target1":"food", "target2":"cars"}'
      data-epl_e="AMP_TEST">
  </amp-ad>

  <h2>MicroAd 320x50 banner</h2>
  <amp-ad width="320"
      height="50"
      type="microad"
      data-spot="b4bf837c5ddd69758d5ac924d04cf502"
      data-url="${COMPASS_EXT_URL}"
      data-referrer="${COMPASS_EXT_REF}"
      data-ifa="${COMPASS_EXT_IFA}"
      data-appid="${COMPASS_EXT_APPID}"
      data-geo="${COMPASS_EXT_GEO}">
  </amp-ad>


  <h2>YahooJP YDN</h2>
  <amp-ad width="300"
      height="250"
      type="yahoojp"
      data-yadsid="79712_113431">
  </amp-ad>

  <h2>Chargeads</h2>
  <amp-ad width="320"
          height="50"
          type="chargeads"
          src="https://www.chargeplatform.com/ads/?id=1288491435">
  </amp-ad>

  <h2>Nend</h2>
  <amp-ad width="320"
    height="50"
    type="nend"
    data-nend_params='{"media":82,"site":58536,"spot":127513,"type":1,"oriented":1}'>
  </amp-ad>

  <h2>Ad Generation</h2>
  <amp-ad width=320 height=50
      type="adgeneration"
      data-id="10722">
  </amp-ad>

  <h2>Geniee SSP</h2>
  <amp-ad width="300" height="250"
      type="genieessp"
      data-vid="3"
      data-zid="1077330">
  </amp-ad>
 <h2>Nativo</h2>
  <amp-ad
    type="nativo"
    height="150"
    width="350"
    layout="responsive"
    data-premium
    data-request-url="http://localhost:9876">
  </amp-ad>

  <h2>Kargo</h2>
  <amp-ad
    width=300
    height=250
    type="kargo"
    data-site="_tt9gZ3qxCc2RCg6CADfLAAFR"
    data-slot="_vypM8bkVCf"
    data-options='{"targetParams":{"AD_ID":"test-middle","ad_id":"test-middle"}}'>
  </amp-ad>

</body>
</html>