examples/analytics-vendors.amp.html - main - githubmirror/amphtml

examples/analytics-vendors.amp.html
2 368 строк59 KB
Francesco Calì
✨ Update Neodata amp-analytics vendor config with GDPR support and conditional cookie-match (#40520)
21 июл 2026, 04:06
21 июл 2026, 04:0661f6719
<!doctype html>
<html ⚡ lang="en">
<head>
  <meta charset="utf-8">
  <title>AMP Analytics</title>
  <link rel="canonical" href="analytics.amp.html" >
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <style amp-custom>
    .box {
      background: #ccc;
      border: 1px solid #aaa;
      padding: 10px;
      margin: 10px;
    }
    #container {
      position: absolute;
      top: 10000px;
      height: 10px;
    }
    .filterBar {
      background: #eee;
      padding: 3px;
      font-size: 1.2em;
    }
    select {
      border: 1px solid #999;
    }
    input[type=submit] {
      font-size: 14px;
      border: 1px solid #999;
      border-radius: 3px;
      margin-left: 10px;
    }
  </style>
  <script async custom-element="amp-geo" src="https://cdn.ampproject.org/v0/amp-geo-0.1.js"></script>
  <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  <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>

<div class="filterBar">
  <form action="analytics-vendors.amp.html" method="get" target="_top">
    <label for="filter">Vendor filter</label>
    <select id="filter" name="type">
      <option>[Select a vendor]</option>
      <option>acquialift</option>
      <option>adobeanalytics</option>
      <option>adobeanalytics_nativeConfig</option>
      <option>adskeeper</option>
      <option>alexametrics</option>
      <option>amplitude</option>
      <option>appsflyer</option>
      <option>atinternet</option>
      <option>afsanalytics</option>
      <option>baiduanalytics</option>
      <option>blackcrowai</option>
      <option>blueconic</option>
      <option>bluetriangle</option>
      <option>browsi</option>
      <option>burt</option>
      <option>byside</option>
      <option>captainmetrics</option>
      <option>chartbeat</option>
      <option>clicky</option>
      <option>colanalytics</option>
      <option>comscore</option>
      <option>cxense</option>
      <option>deepbi</option>
      <option>epica</option>
      <option>euleriananalytics</option>
      <option>facebook-pixel</option>
      <option>gemius</option>
      <option>gfksensic</option>
      <option>googleanalytics</option>
      <option>ibeatanalytics</option>
      <option>idealmedia</option>
      <option>infonline</option>
      <option>infonline_anonymous</option>
      <option>iplabel</option>
      <option>keen</option>
      <option>kenshoo</option>
      <option>krux</option>
      <option>linkpulse</option>
      <option>lotame</option>
      <option>mapp_intelligence</option>
      <option>marinsoftware</option>
      <option>mediametrie</option>
      <option>mediarithmics</option>
      <option>mediator</option>
      <option>memo</option>
      <option>metrika</option>
      <option>mgid</option>
      <option>mobify</option>
      <option>moengage</option>
      <option>mparticle</option>
      <option>mpulse</option>
      <option>neodata</option>
      <option>newrelic</option>
      <option>nielsen</option>
      <option>nielsen-marketing-cloud</option>
      <option>oewa</option>
      <option>oewadirect</option>
      <option>oracleInfinityAnalytics</option>
      <option>parsely</option>
      <option>permutive</option>
      <option>permutive-ampscript</option>
      <option>piano</option>
      <option>pinpoll</option>
      <option>piStats</option>
      <option>ppasanalytics</option>
      <option>pressboard</option>
      <option>quantcast</option>
      <option>rakam</option>
      <option>reppublika</option>
      <option>retargetly</option>
      <option>rudderstack</option>
      <option>segment</option>
      <option>sensorsanalytics</option>
      <option>shinystat</option>
      <option>snowplow</option>
      <option>snowplow_v2</option>
      <option>taboola</option>
      <option>tail</option>
      <option>teaanalytics</option>
      <option>tealiumcollect</option>
      <option>top100</option>
      <option>topmailru</option>
      <option>treasuredata</option>
      <option>tribooanalytics</option>
      <option>umenganalytics</option>
      <option>upscore</option>
      <option>vponanalytics</option>
      <option>webengage</option>
      <option>webtrekk</option>
      <option>webtrekk_v2</option>
    </select>
    <input type="submit" value="Go">
  </form>
</div>

<amp-geo layout="nodisplay"></amp-geo>

<div id="container">
Container for analytics tags. Positioned far away from top to make sure that doesn't matter.

<!-- Acquia Lift example -->
<amp-analytics type="acquialift" id="acquialift">
<script type="application/json">
{
  "requests": {
    "customEvent": "${basicCapture}&en=${eventName}"
  },
  "vars": {
    "siteId":"my-acquia-lift-site-id",
    "accountId": "MYACCOUNTID",
    "decisionApiUrl": "us-east-1-decisionapi.lift.acquia.com"
  },
  "triggers": {
    "pageLoad": {
      "on": "visible",
      "request": "pageview"
    },
    "click": {
      "on": "click",
      "selector": "#test1",
      "request": "click"
    },
    "clickCustomEvent": {
      "on": "click",
      "selector": "#test1",
      "request": "customEvent",
      "vars": {
        "eventName": "MyCustomEventId"
      }
    }
  }
}
</script>
</amp-analytics>

<!-- Adobe Analytics example -->
<!--
For complete documentation and additional examples please see: https://marketing.adobe.com/resources/help/en_US/sc/implement/accelerated-mobile-pages.html
-->
<amp-analytics type="adobeanalytics" id="adobeanalytics">
+<!-- adobeanalytics type -->
<script type="application/json">
{
  "requests": {
    "myClick": "${click}&v1=${eVar1}"
  },
  "vars": {
    "host": "metrics.example.com",
    "reportSuites": "reportSuiteID"
  },
  "triggers": {
    "pageLoad": {
      "on": "visible",
      "request": "pageview"
    },
    "click": {
      "on": "click",
      "selector": "#test1",
      "request": "myClick",
      "vars": {
        "eVar1": "button clicked"
      }
    },
    "linkers": {
      "enabled": true,
      "destinationDomains": ["localhost"]
    }
  }
}
</script>
</amp-analytics>

<!-- adobeanalytics_nativeConfig type -->
<amp-analytics type="adobeanalytics_nativeConfig" id="adobeanalytics_nativeConfig">
<script type="application/json">
{
  "requests": {
    "base": "https://${host}",
    "iframeMessage": "${base}/stats.html?campaign=${queryParam(campaign)}&pageURL=${ampdocUrl}"
  },
  "vars": {
    "host": "example.publishersite.com"
  },
  "extraUrlParams": {
    "pageName": "Adobe Analytics using amp-analytics adobeanalytics_nativeConfig",
    "v1": "eVar1 test value"
  }
}
</script>
</amp-analytics>
<!-- End Adobe Analytics example -->

<!-- AdsKeeper tracking.
  Please replace the values for "site", "client_id", and "publishers_sites_id"
  with your AdsKeeper configuration values.
-->
<amp-analytics type="adskeeper" id="adskeeper">
  <script type="application/json">
  {
    "vars": {
      "site": "SITE_ID",
      "client_id": "CLIENT_ID",
      "publishers_sites_id": "PUBLISHERS_SITES_ID"
    }
  }
  </script>
</amp-analytics>
<!-- End AdsKeeper example -->

<!-- Alexa tracking -->
<amp-analytics type="alexametrics">
<script type="application/json">
  {
    "vars": {
      "atrk_acct": "YOURACCOUNT",
      "domain": "YOURDOMAIN"
    }
  }
</script>
</amp-analytics>
<!-- End Alexa tracking -->

<!-- Amplitude example -->
<amp-analytics type="amplitude" id="amplitude">
<script type="application/json">
  {
    "vars": {
      "apiKey": "4dafbafda1cb85d0b3d080a95c4e59f9"
    },
    "triggers": {
      "click": {
        "on": "click",
        "selector": "#test1",
        "request": "event",
        "extraUrlParams": {
          "event": {
            "event_type": "click button",
            "event_properties": {
              "button id": "test1"
            }
          }
        }
      },
      "pageView": {
        "on": "visible",
        "request": "event",
        "extraUrlParams": {
          "event": {
            "event_type": "page view",
            "event_properties": {
              "page id": "${title}"
            },
            "user_properties": {
              "is amp user": true
            }
          }
        }
      }
    }
  }
</script>
</amp-analytics>

<!-- AppsFlyer example -->
<amp-analytics type="appsflyer" id="appsflyer">
<script type="application/json">
  {
    "vars": {
      "webAppId": "c1e0b335-5b96-486e-8694-01c165df48d1"
    },
    "linkers": {
      "enabled": true
    },
    "triggers": {
      "subscribe": {
        "on": "click",
        "request": "event",
        "selector": "#subscribeBtn",
        "extraUrlParams": {
          "data": {
            "eventType": "EVENT",
            "eventName": "subscribe_clicked"
          }
        }
      },
      "purchaseSuccess": {
        "on": "amp-form-submit-success",
        "request": "event",
        "selector": "#purchaseForm",
        "extraUrlParams": {
          "data": {
            "eventType": "EVENT",
            "eventName": "purchase_success",
            "eventRevenue": "${formFields[revenue]}",
            "eventRevenueCurrency": "ILS",
            "eventValue": "{'key0': 'value0', 'key1': 1}"
          }
        }
      },
      "login": {
        "on": "click",
        "request": "event",
        "selector": "#loginSubmitButton",
        "extraUrlParams": {
          "data": {
            "eventType": "IDENTIFY",
            "customerUserId": "AUTHDATA(cuid)"
          }
        }
      }
    }
  }
</script>
</amp-analytics>
<!-- End AppsFlyer example -->

<!-- AT Internet tracking -->
<amp-analytics type="atinternet" id="atinternet">
<script type="application/json">
  {
    "vars": {
      "site": "123456",
      "log": "logs",
      "domain": ".xiti.com",
      "title": "pageChapter::pageTitle",
      "level2": "10"
    },
    "triggers": {
      "defaultPageview": {
        "on": "visible",
        "request": "pageview"
      },
      "links": {
        "on": "click",
        "selector": "#test1",
        "request": "click",
        "vars": {
          "label": "clickChapter::clickLabel",
          "level2Click": "12",
          "type": "a"
        }
      }
    }
  }
</script>
</amp-analytics>
<!-- End AT Internet tracking -->

<!-- AFS Analytics tracking -->
<amp-analytics type="afsanalytics">
<script type="application/json">
  {
    "vars": {
      "server":"www3",
      "websiteid": "00345340"
    }
  }
</script>
</amp-analytics>
<!-- End AFS Analytics tracking -->

<!-- Baidu stats tracking -->
<amp-analytics type="baiduanalytics" id="baiduanalytics">
    <script type="application/json">
        {
          "vars": {
            "token": "your-token"
          },
          "triggers": {
            "pageview": {
              "on": "visible",
              "request": "pageview"
            }
          }
        }
    </script>
</amp-analytics>
<!-- Baidu stats example -->

<!-- Black Crow AI example -->
<amp-analytics type="blackcrowai">
  <script type="application/json">
    {
      "vars": {
        "google_tracking_id": "YOUR-GA-Account-ID-like-UA-134511847-1",
        "site_name": "YOUR-SITE-NAME-PROVIDED-BY-YOUR-BLACK-CROW"
      }
    }
  </script>
</amp-analytics>
<!-- END Black Crow AI example -->

<!-- BlueConic analytics tracking -->
<amp-analytics type="blueconic" id="blueconic">
  <script type="application/json">
    {
      "triggers": {
        "pageView": {
          "on": "visible",
          "request": "event",
          "vars": {
            "pixelId": "your-pixel-id"
          }
        }
      },
      "vars": {
        "tenantId": "your-tenant-url",
        "property": "your-property"
      }
    }
  </script>
</amp-analytics>
<!-- End BlueConic analytics example -->

<!-- Blue Triangle example -->
<amp-analytics type="bluetriangle" id="bluetriangle">
  <script type="application/json">
    {
      "vars": {
        "prefix": "testsite1",
        "pageName": "AMP Test",
        "trafficSegment": "ampTestSite1",
      }
    }
  </script>
</amp-analytics>
<!-- End Blue Triangle example -->

<!-- Browsi prediction tracking example -->
<amp-analytics type="browsi" id="browsi">
  <script type="application/json">
    {
      "vars": {
        "pubKey": "demo-pub",
        "siteKey": "demo-site"
      }
    }
  </script>
</amp-analytics>
<!-- End Browsi prediction tracking example -->

<!-- Burt tracking -->
<amp-analytics type="burt" id="burt">
  <script type="application/json">
    {
      "vars": {
        "trackingKey": "B31VT4QH1BFR",
        "category": "sports",
        "subCategory": "golf"
      }
    }
  </script>
</amp-analytics>
<!-- End Burt example -->

<!-- BySide tracking -->
<amp-analytics type="byside" id="byside">
  <script type="application/json">
    {
      "vars": {
        "webcareId": "D6604AE5D0",
        "channel": "",
        "lang": "pt"
      },
      "triggers": {
        "trackEvent": {
          "on": "click",
          "selector": "#test1",
          "request": "event",
          "vars": {
            "eventId": "shop",
            "eventLabel": "Clicked on shop button",
            "fields": "{\"product\": \"the_essentials\", \"name\": \"The essentials\"}"
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- End BySide example -->

<!-- Captain Metrics tracking -->
<amp-analytics type="captainmetrics" id="captainmetrics">
<script type="application/json">
  {
    "vars": {
      "projectId": "your_project_id"
    },
    "triggers": {
      "pageview": {
        "on": "visible",
        "request": "hit",
        "extraUrlParams": {
          "type": "pageview",
          "pageview": {
            "title": "${title}",
            "page": "${sourceUrl}",
            "product": {
              "externalId": "product-id",
              "sku": "product-sku",
              "name": "product-name",
              "brand": "product-brand",
              "category": "product-category",
              "variant": "product-variant",
              "price": 1000,
              "currency": "EUR"
            },
            "props": {
              "customProperty": "xxx"
            }
          }
        }
      },
      "event": {
        "on": "click",
        "selector": "#event-test-button",
        "request": "hit",
        "extraUrlParams": {
          "type": "event",
          "event": {
            "label": "my_event",
            "value": 1,
            "nonInteractive": false
          },
          "props": {
            "customProperty": "xxx"
          }
        }
      },
      "hidden": {
        "on": "hidden",
        "request": "hit",
        "extraUrlParams": {
          "type": "timeSpent",
          "timeSpent": {
            "pageId": "${pageViewId}",
            "secs": "${incrementalEngagedTime(cm)}"
          }
        }
      }
    }
  }
</script>
</amp-analytics>
<!-- End Captain Metrics example -->

<!-- Chartbeat tracking -->
<amp-analytics type="chartbeat" id="chartbeat">
<script type="application/json">
{
  "vars": {
    "uid": "12345",
    "domain": "my-site.com",
    "sections": "section 1, section 2"
  }
}
</script>
</amp-analytics>
<!-- End Chartbeat example -->

<!-- Clicky tracking -->
<amp-analytics type="clicky" id="clicky">
<script type="application/json">
{
  "vars": {
    "site_id": "12345"
  }
}
</script>
</amp-analytics>
<!-- End Clicky example -->

<!-- ColAnalytics pageview tracking -->
<amp-analytics type="colanalytics" id="colanalytics">
<script type="application/json">
{
  "vars": {
    "id": "100000"
  }
}
</script>
</amp-analytics>
<!-- End ColAnalytics example -->

<!-- comScore UDM pageview tracking -->
<amp-analytics type="comscore" id="comscore">
<script type="application/json">
{
  "vars": {
    "c2": "1000001"
  }
}
</script>
</amp-analytics>
<!-- End comScore example -->

<!-- Cxense tracking -->
<amp-analytics type="cxense" id="cxense">
<script type="application/json">
{
  "vars": {
    "siteId": "1234567890"
  }
}
</script>
</amp-analytics>
<!-- End Cxense example -->

<!-- Deep.BI tracking -->
<amp-analytics type="deepbi" id="deepbi">
<script type="application/json">
{
  "vars": {
    "datasetKey": "aBcDeFgHiJkL",
    "accessKey": "aBcDeFgHiJkLMn0123456789",
    "gdpr":"true"
  },
  "extraUrlParams": {
    "dimension1": "value1"
  }
}
</script>
</amp-analytics>
<!-- End Deep.BI example -->

<!-- EPICA analytics tracking -->
<amp-analytics type="epica" id="epica">
<script type="application/json">
{
  "vars": {
    "writeKey": "13k442kn312",
    "name": "Page name"
  },
  "extraUrlParams": {
    "properties.category": "Sport"
  },
  "triggers": {
    "click": {
      "on": "click",
      "selector": "#test1",
      "request": "track",
      "vars": {
        "event": "Click"
      }
    }
  }
}
</script>
</amp-analytics>
<!-- End EPICA analytics example -->

<!-- Eulerian Analytics tracking -->
<amp-analytics type="euleriananalytics" id="euleriananalytics">
<script type="application/json">
  {
    "vars": {
      "analyticsHost": "eulerian.mywebsite.com"
    },
    "triggers": {
      "trackPageview": {
        "on": "visible",
        "request": "pageview"
      },
      "trackAction": {
        "on": "click",
        "selector": "#test1",
        "request": "action",
        "vars": {
          "actionCode": "action_aes",
          "actionRef": "action_reference"
        }
      },
      "trackUserParam": {
        "on": "click",
        "selector": "#test2",
        "request": "user",
        "vars": {
          "userParamKey": "user_param",
          "userParamVal": "user_param_value"
        }
      }
    }
  }
</script>
</amp-analytics>
<!-- End Eulerian Analytics example -->

<!-- Facebook Pixel Analytics tracking -->
<amp-analytics type="facebookpixel" id="facebook-pixel">
    <script type="application/json">
    {
      "vars": {
        "pixelId": "1760516960931795"
      },
      "triggers": {
        "trackPageview": {
          "on": "visible",
          "request": "pageview"
        },
        "trackEvent": {
          "on": "click",
          "selector": "#test1",
          "request": "event",
          "vars": {
            "eventName": "ClickedBtn-x"
          }
        },
      "trackSearch": {
        "on": "visible",
        "request": "eventSearch",
        "vars": {
          "search_string": "How to use Facebook Pixel in AMP Pages"
        }
      },
      "trackAddToWishlist": {
        "on": "click",
        "selector": "#test1",
        "request": "eventAddToWishlist",
        "vars": {
          "content_ids": ["1234"],
          "content_name": "The Avengers",
          "content_category": "Entertainment",
          "value": 1.50,
          "currency": "USD"
        }
      }
      }
    }
    </script>
</amp-analytics>
<!-- End Facebook Pixel Analytics example -->

<!-- Gemius Audience pageview tracking -->
<amp-analytics type="gemius" id="gemius">
<script type="application/json">
{
  "vars": {
    "prefix": "pro",
    "identifier": "GEMIUS_IDENTIFIER"
  }
}
</script>
</amp-analytics>
<!-- End Gemius  example -->

<!-- GfK Sensic tracking -->
<amp-analytics type="gfksensic" id="gfk">
<script type="application/json">
{
  "vars": {
    "regionID": "demo",
    "mediaID": "demomedia"
  }
}
</script>
</amp-analytics>
<!-- End Sensic  example -->

<amp-analytics type="googleanalytics" id="googleanalytics">
<script type="application/json">
{
  "extraUrlParams" : {
    "dimension5": "AMP",
    "metric17": "10"
  },
  "vars": {
    "account": "UA-YYYY-Y",
    "anonymizeIP": ""
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview",
      "vars": {
        "title": "Example Pageview"
      }
    },
    "clickOnTest1Trigger": {
      "on": "click",
      "selector": "#test1",
      "request": "event",
      "vars": {
        "eventCategory": "examples",
        "eventAction": "clicked-test1"
      }
    },
    "clickOnTopTrigger": {
      "on": "click",
      "selector": "#top",
      "request": "event",
      "vars": {
        "eventCategory": "examples",
        "eventAction": "clicked-header"
      }
    }
  }
}
</script>
</amp-analytics>

<!--
  INFOnline example
  Important: url needs to point to a copy of
  amp-analytics-infonline.html on a different subdomain
  than your AMP files.
-->
<amp-analytics type="infonline" id="infonline">
<script type="application/json">
{
  "vars": {
    "st":  "angebotskennung",
    "co":  "comment",
    "cp":  "code",
    "ps":  "lin"
  },
  "requests": {
    "url":  "https://3p.ampproject.net/custom/amp-analytics-infonline.html"
  }
}
</script>
</amp-analytics>
<!-- End INFOnline example -->

<!--
  INFOnline anonymous example
  Important: url needs to point to a copy of
  amp-analytics-infonline-anonymous.html on a different subdomain
  than your AMP files.
-->
<amp-analytics type="infonline_anonymous" id="infonline_anonymous">
  <script type="application/json">
    {
      "vars": {
        "st":  "site",
        "co":  "comment",
        "cp":  "code",
        "cn": "de",
        "dn": "relay domain name"
      },
      "requests": {
        "url":  "https://3p.ampproject.net/custom/amp-analytics-infonline-anonymous.html"
      }
    }
  </script>
</amp-analytics>
<!-- End INFOnline anonymous example -->

<!-- iplabel rumbi. Ensure you replace "ampTrackerId" with your tracker id . -->
<amp-analytics type="iplabel" id="iplabel" >
<script type="application/json">
{
  "vars": {
   "trackerId":"ampTrackerId",
   "customdim":"",
   "business":"",
   "abtesting":"",
   "infrastructure":"",
   "customer":"",
   "clientip":"",
   "urlgroup":""
  }
}
</script>
</amp-analytics>

<!-- Keen Analytics tracking -->
<amp-analytics type="keen" id="keen">
<script type="application/json">
{
  "vars": {
    "projectId": "YOUR_PROJECT_ID",
    "writeKey": "YOUR_WRITE_KEY"
  },
  "extraUrlParams": {
    "exampleParam": "some general param value"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview",
      "extraUrlParams": {
        "exampleParamForPageviews": "some specific value 123"
      }
    },
    "trackClickOnTestBtn1": {
      "on": "click",
      "selector": "#testBtn1",
      "request": "click",
      "extraUrlParams": {
        "exampleParamForClicks": "some click value"
      }
    },
    "trackConversion": {
      "on": "click",
      "selector": "#submitOrder",
      "request": "custom",
      "vars": {
        "collection": "conversions"
      },
      "extraUrlParams": {
        "exampleParamForConversion": "some conversion value"
      }
    }
  }
}
</script>
</amp-analytics>
<!-- End Keen Analytics tracking -->

<!-- Kenshoo example -->
<amp-analytics type="kenshoo" id="kenshoo">
  <script type="application/json">
    {
      "vars": {
        "tid": "KT-XXXXX-XXX",
        "userId": "<USER_ID>"
      }
    }
  </script>
</amp-analytics>
<!-- End Kenshoo example -->

<!-- Krux tracking. Ensure you replace KMnP7vhh with your configuration ID. -->
<amp-analytics type="krux" id="krux" config="https://cdn.krxd.net/controltag/amp/KMnP7vhh.json">
<script type="application/json">
{
  "vars": {
    "section": "amp",
    "subsection": "examples"
  },
  "extraUrlParams": {
    "user.status": "developer",
    "page.keywords": "amp, mobile, examples"
  }
}
</script>
</amp-analytics>

<!-- Linkpulse example - please replace id with your Linkpulse id -->
<amp-analytics type="linkpulse" id="linkpulse">
<script type="application/json">
{
  "vars": {
    "id": "aabbcceedd00000000000000"
  }
}
</script>
</amp-analytics>
<!-- End Linkpulse example -->

<!-- Lotame tracking.
  Please replace the value for "account" (12345)
  with the correct Lotame Client ID.
  The extraUrlParams are provided as an example,
  the correct values are case-specific.
-->
<amp-analytics type="lotame" id="lotame">
<script type="application/json">
{
  "vars": {
    "account": 12345
  },
  "extraUrlParams": {
    "int": "sports",
    "gen": "m"
  }
}
</script>
</amp-analytics>
<!-- End Lotame example -->

<!-- Mapp Intelligence tracking -->
<amp-analytics type="mapp_intelligence" id="mapp_intelligence">
  <script type="application/json">
    {
      "vars": {
        "trackDomain": "analytics.webtrekk.net",
        "trackId": "111111111111111"
      },
      "triggers": {
        "trackPageview": {
          "on": "visible",
          "request": "pageview"
        }
      }
    }
  </script>
</amp-analytics>
<!-- End Mapp Intelligence example -->

<!-- Marin Software tracking.
  Configure tracker id (required)
  Configure anonymizeIp to "set" if ip should be anonymized (optional)
-->
<amp-analytics type="marinsoftware" id="marinsoftware">
<script type="application/json">
  {
    "vars": {
      "trackerId": "123"
    },
    "triggers": {
      "trackPageview": {
        "on": "visible",
        "request": "pageView"
      },
      "trackConversion": {
        "on": "click",
        "selector": "#test1",
        "request": "conversion",
        "vars": {
          "orderId": "orderId",
          "marinConversionType": "marinConversionType",
          "productName": "productName",
          "category": "category",
          "price": "price",
          "quantity": "quantity"
        }
      }
    },
    "extraUrlParams": {
      "anonymizeIp": "set"
    }
  }
</script>
</amp-analytics>
<!-- End Marin Software tracking -->

<!-- Mediametrie tracking
  serial is the account id (required)
  level1 to 4 are page levels (optional)
-->
<amp-analytics type="mediametrie" id="mediametrie">
<script type="application/json">
  {
    "vars": {
      "serial": "241041208720",
      "level1": "level1-test-amp",
      "level2": "level2-test-amp",
      "level3": "level3",
      "level4": "level4"
    }
  }
</script>
</amp-analytics>
<!-- End Mediametrie example -->

<!-- mediarithmics tracking
  site_token is the token of the website (required)
  event_name is the name of the event (optional, default to '$page_view')
  All custom properties should be added to the extraUrlParams object
-->
<amp-analytics type="mediarithmics" id="mediarithmics">
  <script type="application/json">
    {
      "vars": {
        "site_token": "amp-test17",
        "event_name": "amp-test-pageview"
      },
      "extraUrlParams": {
        "prop1": "value1",
        "prop2": "value2"
      }
    }
  </script>
</amp-analytics>
<!-- End mediarithmics example -->

<!-- Mediator.media example -->
<amp-analytics type="mediator" id="mediator">
<script type="application/json">
  {
    "vars": {
      "mediator_id": "ID"
    }
  }
</script>
</amp-analytics>
<!-- End Mediator.media example -->

<!-- MGID tracking.
  Please replace the values for "site", "client_id", and "publishers_sites_id"
  with your MGID configuration values.
-->
<amp-analytics type="mgid" id="mgid">
<script type="application/json">
{
  "vars": {
    "site": "SITE_ID",
    "client_id": "CLIENT_ID",
    "publishers_sites_id": "PUBLISHERS_SITES_ID"
  }
}
</script>
</amp-analytics>
<!-- End MGID example -->

<!-- Idealmedia tracking.
  Please replace the values for "site", "client_id", and "publishers_sites_id"
  with your Idealmedia configuration values.
-->
<amp-analytics type="idealmedia" id="idealmedia">
<script type="application/json">
{
  "vars": {
    "site": "SITE_ID",
    "client_id": "CLIENT_ID",
    "publishers_sites_id": "PUBLISHERS_SITES_ID"
  }
}
</script>
</amp-analytics>
<!-- End Idealmedia example -->

<!-- Memo Tracking -->
<amp-analytics type="memo" id="memo">
<script type="application/json">
  {
    "vars": {
      "pid": "000000000000000000000000",
      "title": "Article Title",
      "authors": ["Joe Author 1", "Jane Author 2"],
      "published_at": "2019-01-01 00:00:00"
    }
  }
</script>
</amp-analytics>
<!-- End Memo Example -->

<!-- Mobify tracking -->
<amp-analytics type="mobify" id="mobify">
<script type="application/json">
  {
    "vars": {
      "projectSlug": "merlins",
      "templateName": "pdp"
    }
  }
</script>
</amp-analytics>
<!-- End Mobify example -->

<!-- start MoEngage Analytics example -->
<amp-analytics type="moengage" id="moengage" >
  <script type="application/json">
    {
      "vars": {
        "appId": "78FL7RI8NHROB3HLU4X42O44"
      },
      "triggers": {
        "clickTrigger": {
          "on": "click",
          "selector": "#test1",
          "request": "event",
          "extraUrlParams": {
            "a": {
              "title": "${title}"
            },
            "e": "AMP example button click"
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- end MoEngage Analytics example -->

<!-- mParticle tracking
  Ensure you replace AppKey with your Application key
-->
<amp-analytics type="mparticle" id="mparticle">
<script type="application/json">
  {
    "vars": {
      "apiKey": "AppKey"
    },
    "triggers": {
      "trackPageview": {
        "on": "visible",
        "request": "pageview"
      },
      "trackPageviewWithCustomTitleAndUrl": {
        "on": "visible",
        "request": "pageview",
        "vars": {
          "title": "Custom Title",
          "ampdocUrl" : "http://www.example.com"
        }
      },
      "trackAppEvent": {
        "on": "click",
        "selector": "#test1",
        "request": "event",
        "vars": {
          "eventName": "AMP Test 1 button clicked",
          "eventType": "Unknown",
          "eventAttributes_Keys": ["test key1","test key2"],
          "eventAttributes_Values": ["test value1","test value2"],
          "userAttributes_Keys": ["test user attr key1","test user attr key2"],
          "userAttributes_Values": ["test user attr value1","test user attr value2"],
          "userIdentities_Types" : ["facebook", "twitter"],
          "userIdentities_Values" : ["example@facebook.com", "@example"],
          "debug": "true",
          "location": [26.4619396, -80.0691996],
          "customFlags_Keys": ["custom flag1", "custom flag2"],
          "customFlags_Values": ["[100, 200]", "[test val1, test val2]"],
          "appVersion": "1.0"
        }
      }
    }
  }
</script>
</amp-analytics>
<!-- End mParticle example -->

<!-- Neodata example -->
<amp-analytics type="neodata" id="neodata">
  <script type="application/json">
    {
      "vars": {
        "sysId": "999",
        "tagId": "12321",
        "advId": "56785",
        "enableCmDbm": "true",
        "enableCmAdform": "",
        "enableCmMediamath": ""
      }
    }
  </script>
</amp-analytics>
<!-- End Neodata example -->

<!-- New Relic example -->
<amp-analytics type="newrelic" id="newrelic">
<script type="application/json">
  {
    "vars": {
      "appId": "555555",
      "licenseKey": "2fffffffff"
    }
  }
</script>
</amp-analytics>
<!-- End New Relic example -->

<!-- Nielsen example -->
<amp-analytics type="nielsen" id="nielsen">
<script type="application/json">
  {
    "vars": {
      "apid": "XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX",
      "apv": "1.0",
      "section": "Entertainment",
      "segA": "Music",
      "segB": "News",
      "segC": "Branded_Content"
    }
  }
</script>
</amp-analytics>
<!-- End Nielsen example -->

<!-- Nielsen Marketing Cloud example -->
<amp-analytics type="nielsen-marketing-cloud" id="nielsen-marketing-cloud">
  <script type="application/json">
    {
      "vars": {
        "pubId": "123",
        "siteId": "001"
      },
      "triggers": {
        "trackAppEvent": {
          "on": "click",
          "selector": "#test1",
          "request": "trackurl",
          "extraUrlParams": {
            "extraparam": "testclick"
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- End Nielsen Marketing Cloud example -->

<!-- OEWA example -->
<amp-analytics type="oewa" id="oewa">
<script type="application/json">
{
  "vars": {
    "s": "offer",
    "cp": "RedCont/Nachrichten/NachrichtenUeberblick"
  },
  "requests": {
    "url": "https://subdomain.domain.example/amp-analytics-oewa.html"
  }
}
</script>
</amp-analytics>
<!-- End OEWA example -->

<!-- OEWADIRECT example -->
<amp-analytics type="oewadirect" id="oewadirect">
<script type="application/json">
{
  "vars": {
    "s": "offer",
    "cp": "RedCont/Nachrichten/NachrichtenUeberblick"
  }
}
</script>
</amp-analytics>
<!-- End OEWADIRECT example -->
<!-- Oracle Infinity Analytics example -->
<amp-analytics type="oracleInfinityAnalytics" id="oracleInfinity" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width: 1px; height: 1px;" aria-hidden="true">
  <script type="application/json">
{
  "vars": {
    "guid": "_amp_test_guid_"
  },
  "triggers": {
    "clickOnTest1Trigger": {
      "on": "click",
      "selector": "#test1",
      "request": "event",
      "vars": {
        "dl": "99",
        "ti": "clicked-test1"
      }
    },
    "clickOnTopTrigger": {
      "on": "click",
      "selector": "#top",
      "request": "event",
      "vars": {
        "dl": "99",
        "ti": "clicked-header"
      }
    }
  }
}
</script>
</amp-analytics>
<!-- end Oracle Infinity Analytics example -->
<!-- Parsely tracking -->
<amp-analytics type="parsely" id="parsely">
<script type="application/json">
{
  "vars": {
    "apikey": "example.com"
  },
  "triggers": {
      "defaultPageview": {
          "on": "visible",
          "request": "pageview"
      },
      "defaultHeartbeat": {
         "on": "timer",
         "enabled": "${incrementalEngagedTime(parsely-js,false)}",
         "timerSpec": {
             "interval": 10,
             "maxTimerLength": 7200
         },
         "request": "heartbeat"
      }
  }
}
</script>
</amp-analytics>

<!-- Permutive example -->
<amp-analytics type="permutive" id="permutive">
<script type="application/json">
  {
    "vars": {
      "namespace": "YOUR_PERMUTIVE_AMP_NAMESPACE",
      "key": "YOUR_PERMUTIVE_PUBLIC_API_KEY"
    },
    "extraUrlParams": {
      "properties.article.id": "1234",
      "properties'article.title": "xyz",
      "properties.article.tags!list": "tag1,tag2,tag3"
    }
  }
</script>
</amp-analytics>
<!-- End Permutive example -->

<!-- Permutive-amp-script example -->
<amp-analytics type="permutive-ampscript" id="permutive-ampscript">
  {
    "extraUrlParams": {
      "customProperty1": "customValue1"
    }
  }
</amp-analytics>
<!-- End Permutive-amp-script example -->

<!-- Start Piano example -->
<amp-analytics type="piano" id="piano">
<script type="application/json">
{
  "vars": {
    "aid": "AIDAIDAID",
    "contentCreated": "2015-02-16T05:00:00",
    "contentSection": "Sports",
    "contentAuthor": "John Higgins",
    "tags": ["sports"]
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>
<!-- End Piano example -->

<!-- Start Pinpoll example -->
<amp-analytics type="pinpoll" id="pinpoll">
  <script type="application/json">
  {
    "vars": {
      "version": "v1"
    }
  }
  </script>
  </amp-analytics>
  <!-- End Pinpoll example -->

<!-- piStats example tracking -->
<amp-analytics type="piStats" id="piStats">
  <script type="application/json">
    {
      "vars": {
        "property": "APB",
        "cntId": "678543",
        "language": "english"
      }
    }
  </script>
</amp-analytics>
<!-- End piStats example -->

<!-- PPAS analytics tracking -->
<amp-analytics type="ppasanalytics">
  <script type="application/json">
  {
    "vars": {
      "host": "analytics.example.com",
      "website_id": "123-456-789-012",
      "website_hash": "foobar"
    },
    "triggers": {
      "trackPageview": {
        "on": "visible",
        "request": "pageview"
      }
    }
  }
  </script>
</amp-analytics>
<!-- End PPAS analytics example -->

<!-- Pressboard tracking. Ensure you replace &media value with a valid media-id, and &ref value with an html-encoded URL of a pressboard sponsored story related to the used media-id -->
<amp-analytics type="pressboard" id="pressboard" config="https://sr.studiostack.com/amp/config?media=5&ref=http%3A%2F%2Fwww.pressboardmedia.com%2Fnative-advertising-advice-from-the-co-founder-of-stackadapt%2F">
  <script type="application/json">
  {
    "vars": {
      "mediaId": "",
      "geoNameId": "",
      "country": "",
      "region": "",
      "city": ""
    }
  }
  </script>
  </amp-analytics>
<!-- End Pressboard example -->

<!-- Quantcast tracking -->
<amp-analytics type="quantcast" id="quantcast">
<script type="application/json">
{
  "vars": {
    "pcode": "p-1234567890abc",
    "labels": ["Example.label.1", "Example.label.2"]
  }
}
</script>
</amp-analytics>
<!-- End Quantcast example -->

<!-- Reppublika example -->
<amp-analytics type="reppublika" id="reppublika">
<script type="application/json">
{
  "vars": {
    "code": "XX-XXXXX",
    "type": "1",
    "service": "YY-YYYYY",
    "category": "category1",
    "channel": "channel1",
    "device": "mobile"
  },
  "triggers": {
    "trackPageview": {
        "on": "visible",
        "request": "pageview"
      }
    }
}
</script>
</amp-analytics>
<!-- End Reppublika example -->

<!-- Retargetly example -->
<amp-analytics data-credentials="include" type="retargetly" id="retargetly">
<script type="application/json">
{
    "vars": {
        "accountId": "107",
        "sourceId": "0"
    },
    "extraUrlParams": {
        "tags": "this,is,just,an,example"
    }
}
</script>
</amp-analytics>
<!-- End Retargetly example -->

<!-- RudderStack example -->
<amp-analytics type="rudderstack" id="rudderstack">
<script type="application/json">
{
  "vars": {
    "writeKey": "1XI9Niof0vuKt5XTLurbWh9KkXn",
    "dataPlaneUrl": "https://hosted.rudderlabs.com",
    "pageName": "My Page name"
  },
  "extraUrlParams": {
    "properties.source": "RudderStack AMP"
  },
  "triggers": {
    "click": {
      "on": "click",
      "selector": "#test1",
      "request": "track",
      "vars": {
        "eventName": "click"
      }
    }
  }
}
</script>
</amp-analytics>
<!-- End RudderStack example -->

<!-- Segment analytics tracking -->
<amp-analytics type="segment" id="segment">
<script type="application/json">
{
  "vars": {
    "writeKey": "p74lml96co",
    "name": "Page name"
  },
  "extraUrlParams": {
    "properties.author.name": "John"
  },
  "triggers": {
    "click": {
      "on": "click",
      "selector": "#test1",
      "request": "track",
      "vars": {
        "event": "click"
      }
    }
  }
}
</script>
</amp-analytics>

<!-- Sensorsanalytics stats tracking -->
<amp-analytics type="sensorsanalytics" id="sensoranalytis">
<script type="application/json">
{
   "requests": {
      "event": "https://jssdkdata.debugbox.sensorsdata.cn/sa?project=liangshuang"
   },
   "triggers": {
      "trackPageview": {
         "on": "visible",
         "request": "event",
         "vars": {
            "event": "$pageview",
            "amp_properties": "%7B%22a%22%3A%22www%22%7D"
          }
       },
      "id_test1": {
          "on": "click",
          "selector": "#test1",
          "request": "event",
          "vars": {
             "event": "click_test1",
             "amp_properties": "#test1"
          }
       },
       "class_test2": {
           "on": "click",
           "selector": ".test2",
           "request": "event",
           "vars": {
              "event": "click_test2",
              "amp_properties": ".test2"
           }
        }
    }
}
</script>
</amp-analytics>

<!-- Shinystat example -->
<amp-analytics type="shinystat" id="shinystat">
<script type="application/json">
  {
    "vars": {
      "account": "ampshinystat",
      "page": "Home page"
    }
  }
</script>
</amp-analytics>
<!-- End Shinystat Example -->

<!-- Snowplow Analytics tracking -->
<amp-analytics type="snowplow" id="snowplow">
<script type="application/json">
{
  "vars": {
    "collectorHost": "d3rkrsqld9gmqf.cloudfront.net",
    "appId": "amp-examples"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageView"
    },
    "clickOnTest1Trigger": {
      "on": "click",
      "selector": "#test1",
      "request": "structEvent",
      "vars": {
        "structEventCategory": "examples",
        "structEventAction": "clicked-test1"
      }
    },
    "clickOnTopTrigger": {
      "on": "click",
      "selector": "#top",
      "request": "structEvent",
      "vars": {
        "structEventCategory": "examples",
        "structEventAction": "clicked-header"
      }
    }
  }
}
</script>
</amp-analytics>
<!-- End Snowplow Analytics example -->

<!-- Snowplow v2 Analytics tracking -->
<amp-analytics type="snowplow_v2" id="snowplow_v2" data-credentials="include">
<script type="application/json">
  {
    "vars": {
      "collectorHost": "collector.snplow.net",
      "appId": "amp-examples-v2.1.0",
      "userId": "someUserId",
      "nameTracker": "testName",
      "customContexts":  "{\"schema\":\"iglu:com.snowplowanalytics.snowplow/gdpr/jsonschema/1-0-0\",\"data\":{\"basisForProcessing\":\"legitimate_interests\"}}"
    },
    "linkers": {
      "enabled": true,
      "proxyOnly": false,
      "destinationDomains": ["localhost"]
    },
    "triggers": {
      "defaultPageview": {
        "on": "visible",
        "request": "pageView"
      },
      "trackFirstPagePing": {
        "on": "timer",
        "request": "ampPagePing",
        "timerSpec": {
          "interval": 10,
          "maxTimerLength": 9.99,
          "immediate": false,
          "startSpec": {
            "on": "visible",
            "selector": ":root"
          },
          "stopSpec": {
            "on": "hidden",
            "selector": ":root"
          }
        }
      },
      "trackPagePings": {
        "on": "timer",
        "request": "ampPagePing",
        "timerSpec": {
          "interval": 30,
          "maxTimerLength": 1800,
          "immediate": false,
          "startSpec": {
            "on": "visible",
            "selector": ":root"
          },
          "stopSpec": {
            "on": "hidden",
            "selector": ":root"
          }
        }
      },
      "trackSelfDescribingEvent": {
        "on": "click",
        "selector": "a",
        "request": "selfDescribingEvent",
        "vars": {
          "customEventSchemaVendor": "com.snowplowanalytics.snowplow",
          "customEventSchemaName": "link_click",
          "customEventSchemaVersion": "1-0-1",
          "customEventSchemaData": "{\"targetUrl\":\"${targetUrl}\",\"elementId\":\"TEST\",\"elementContent\":\"${elementContent}\"}"
        }
      },
      "clickOnTest1Trigger": {
        "on": "click",
        "selector": "#test1",
        "request": "structEvent",
        "vars": {
          "structEventCategory": "examples",
          "structEventAction": "clicked-test1"
        }
      },
      "clickOnTopTrigger": {
        "on": "click",
        "selector": "#top",
        "request": "structEvent",
        "vars": {
          "structEventCategory": "examples",
          "structEventAction": "clicked-header"
        }
      }
    }
  }
</script>
</amp-analytics>
<!-- End Snowplow Analytics example -->

<!-- Taboola Example
-->
<amp-analytics type="taboola" id="taboola">
  <script type="application/json">
    {
      "vars": {
        "aid": "1"
      }
    }
  </script>
</amp-analytics>

<!-- Tail Analytics Example
    Ensure you replace account with your account id.
 -->
<amp-analytics type="tail" id="tail">
  <script type="application/json">
    {
      "vars": {
        "account": "TT-0000-0"
      },
      "triggers": {
        "click": {
          "on": "click",
          "selector": "#test1",
          "request": "event",
          "vars": {
            "eventValue": "value1",
            "eventCategory": "category1",
            "eventAction": "action1",
            "eventLabel": "label1"
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- End Tail Analytics example -->

<!-- TEA Analytics Example
    Ensure you replace app_id with your appId.
    Ensure you replace channel with correct value.
 -->
<amp-analytics type="teaanalytics" id="teaanalytics">
  <script type="application/json">
    {
      "vars": {
        "app_id": "APP_ID",
        "channel": "example.com",
        "debug": 0
      },
      "triggers": {
        "pageview": {
          "on": "visible",
          "request": "pageview",
          "extraUrlParams": {
          }
        },
        "clickBtn": {
          "on": "click",
          "selector": "#test1",
          "request": "event",
          "extraUrlParams": {
            "event": "click_btn",
            "event.params.from":"button",
            "event.params.btn_title": "${title}"
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- End TEA Analytics example -->

<!-- Tealium Collect example -->
<amp-analytics type="tealiumcollect" id="tealiumcollect">
<script type="application/json">
{
  "vars": {
    "account": "myaccount",
    "profile": "myprofile",
    "datasource": "amp123"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview",
      "vars": {
        "tealium_event": "screen_view"
      }
    },
    "clickOnTest1Trigger": {
      "on": "click",
      "selector": "#test1",
      "request": "event",
      "vars": {
        "tealium_event": "clicked_test1"
      },
      "extraUrlParams": {
        "event_category": "examples",
        "event_action": "clicked-test1"
      }
    },
    "clickOnTopTrigger": {
      "on": "click",
      "selector": "#top",
      "request": "event",
      "vars": {
        "tealium_event": "clicked_top"
      },
      "extraUrlParams": {
        "event_category": "examples",
        "event_action": "clicked-header"
      }
    }
  }
}
</script>
</amp-analytics>
<!-- End Tealium Collect example -->

<!-- Top100.rambler.ru example -->
<amp-analytics type="top100" id="top100" config="https://kraken.rambler.ru/amp/config.json">
<script type="application/json">
{
  "vars": {
    "pid": "4466521"
  }
}
</script>
</amp-analytics>
<!-- End Top100.rambler.ru example -->

<!-- Top.Mail.Ru example -->
<amp-analytics type="topmailru" id="topmailru">
<script type="application/json">
{
  "vars": {
    "id": "ID"
  }
}
</script>
</amp-analytics>
<!-- End Top.Mail.Ru example -->

<!-- SOASTA mPulse example -->
<amp-analytics type="mpulse" id="mpulse" config="https://c.go-mpulse.net/api/amp-config.json?d=SOURCE_HOST&key=XXXXX-XXXXX-XXXXX-XXXXX-XXXXX">
<script type="application/json">
{
  "extraUrlParams": {
    "ab_test": "a",
    "page_group": "Home",
    "custom_metric.Cache_Hits": 15,
    "custom_metric.Cache_Misses": "0",
    "custom_metric.SQL_Queries": 2,
    "custom_dimension.Market_Vertical": "Sports",
    "custom_dimension.Page_Language": "English"
  }
}
</script>
</amp-analytics>
<!-- End SOASTA mPulse example -->

<!-- Treasure Data example -->
<amp-analytics type="treasuredata" id="treasuredata">
<script type="application/json">
  {
    "vars": {
      "host": "in.treasuredata.com",
      "writeKey": "1/deadbeaf",
      "database": "testdb"
    },
    "triggers": {
      "trackPageview": {
        "on": "visible",
        "request": "pageview",
        "vars": {
          "table": "pageviews"
        },
        "extraUrlParams": {
          "foo": "123"
        }
      },
      "trackClick": {
        "on": "click",
        "request": "event",
        "selector": "#test1",
        "vars": {
          "table": "events"
        },
        "extraUrlParams": {
          "type": "click",
          "bar": 789
        }
      }
    }
  }
</script>
</amp-analytics>
<!-- End Treasure Data example -->

<!-- tribooanalytics example -->
<amp-analytics type="tribooanalytics" id="tribooanalytics">
<script type="application/json">
  {
    "vars": {
      "account": "amptest",
      "page": "Home page"
    }
  }
</script>
</amp-analytics>
<!-- End tribooanalytics Example -->

<!-- Webtrekk tracking -->
<amp-analytics type="webtrekk" id="webtrekk">
<script type="application/json">
  {
    "vars": {
      "trackDomain": "q3.webtrekk.net",
      "trackId": "111111111111111",
      "contentId": "en.example"
    },
    "triggers": {
      "trackPageview": {
        "on": "visible",
        "request": "pageview"
      }
    }
  }
</script>
</amp-analytics>
<!-- End Webtrekk example -->

<!-- Webtrekk_v2 tracking -->
<amp-analytics type="webtrekk_v2" id="webtrekk_v2">
  <script type="application/json">
    {
      "vars": {
        "trackDomain": "analytics.webtrekk.net",
        "trackId": "111111111111111"
      },
      "triggers": {
        "trackPageview": {
          "on": "visible",
          "request": "pageview"
        }
      }
    }
  </script>
</amp-analytics>
<!-- End Webtrekk_v2 example -->

<!-- Rakam tracking -->
<amp-analytics type="rakam" id="rakam">
<script type="application/json">
{
  "vars": {
    "apiEndpoint": "myapiendpoint.getrakam.com",
    "writeKey": "fhjk6hf37u2m20uvf36iig6r21cieqsclt2n2o0fsaun90sdu1aago7et04npmq8",
    "pageViewName": "view_page"
  },
  "extraUrlParams": {
    "prop._user_name": "Emre"
  },
  "triggers": {
    "click": {
      "on": "click",
      "selector": "#test1",
      "request": "custom",
      "vars": {
        "collection": "click"
      }
    }
  }
}
</script>
</amp-analytics>
<!-- End Rakam example -->

<amp-analytics type="ibeatanalytics" id="ibeatanalytics">
<script type="application/json">
{
  "vars": {
    "aid": "99999999",
    "ag": "agency",
    "au": "author1,author2",
    "pt": "publishTime",
    "ct": "1",
    "hid": "153",
    "d":"m.ibeatdev.com",
    "id":"123456",
    "sec":"news",
    "tgs":"modi,parliament",
    "pc":"loggedin",
    "vct":"1",
    "xcld":"1001"
  }
}
</script>
</amp-analytics>
<!-- End Ibeat Analytics example -->
<!--UpScore Analytics Example -->
<amp-analytics type="upscore" id="upscore">
  <script type="application/json">
  {
    "vars": {
      "object_id": "foo",
      "object_type":"bar",
      "section":"sport",
      "taxonomy": "tennis",
      "author":"john suran",
      "creator":"john suran",
      "domain":"clientDomain",
      "pubdate":"2015-01-01 00:00:00",
      "custom_keys": ["source","sponsored"],
      "custom_values": ["digital team", "0"],
      "content_type": 1,
      "content_blocked": 1,
      "user_status": 0,
      "lead_selector": "#leadButton",
      "subscription_selector": "#subscribeButton"
    },
    "triggers": {
      "videoPlays": {
        "on": "video-play",
        "selector": "#myVideo",
        "request": "video-play",
        "vars" : {
          "video_id" : "myVideo",
          "video_name" : "test test test",
          "video_thumbnail" : "poster_test"
        }
      },
      "videoPauses": {
        "on": "video-pause",
        "selector": "#myVideo",
        "request": "video-pause"
      },
      "videoSecondsPlayed": {
        "on": "video-seconds-played",
        "selector": "#myVideo",
        "videoSpec": {
          "exclude-autoplay": false,
          "interval": 10
        },
        "request": "video-info"
      },
      "videoEnded": {
        "on": "video-ended",
        "selector": "#myVideo",
        "request": "video-stop"
      }
    }
  }
  </script>
</amp-analytics>
<!-- End Upscore Analytics example -->
<!-- Umeng+ Analytics Example -->
<amp-analytics type="umenganalytics" id="umenganalytics">
  <script type="application/json">
    {
      "vars": {
        "siteid": "123456789"
      },
      "triggers": {
        "event": {
          "on": "click",
          "selector": "#test1",
          "request": "event",
          "vars": {
            "eventName": "login"
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- End Umeng Analytics example -->
<!-- Vpon Analytics example -->
<amp-analytics type="vponanalytics" id="vponanalytics">
  <script type="application/json">
    {
      "vars": {
        "licence_key": "xxxxxxxxxxxxxxx",
        "category": "web"
      },
      "triggers": {
        "custom_event": {
         "on": "click",
         "selector": ".vp_search",
         "request": "event",
         "vars": {
           "ev_name": "search",
           "payload": "{\"keyword\":\"裙子\"}"
         }
        },
        "element_Interact": {
         "on": "click",
         "selector": ".vp_track_0",
         "request": "elementInteract",
         "vars": {
           "action": "click",
           "label": "ev_0_search-flight"
         }
        },
        "scroll": {
          "on": "scroll",
          "selector": "body",
          "request": "scroll",
          "vars": {
            "action": "scroll_${verticalScrollBoundary}"
          },
          "scrollSpec": {
            "verticalBoundaries": [5,30,50,70,95]
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- Vpon Analytics example -->

<!-- start WebEngage Analytics example -->
<amp-analytics type="webengage" id="webengage" >
  <script type="application/json">
    {
      "vars": {
        "licenseCode": "in~~716809b6",
        "region": "in"
      },
      "requests": {
        "weClick": {
          "baseUrl": "${base}&eventName=Element Clicked&element=test1"
        }
      },
      "triggers": {
        "weClickTrigger": {
          "on": "click",
          "selector": "#test1",
          "request": "weClick"
        }
      }
    }
  </script>
</amp-analytics>
<!-- end WebEngage Analytics example -->

<!-- start Yandex Metrika example -->
<amp-analytics type="metrika">
  <script type="application/json">
    {
      "vars": {
        "counterId": "71129776",
        "yaParams": "{\"key\": \"value\"}"
      },
      "requests": {},
      "triggers": {
        "notBounce": {
          "on": "timer",
          "timerSpec": {
            "immediate": false,
            "interval": 15,
            "maxTimerLength": 14
          },
          "request": "notBounce"
        },
        "someGoalReach": {
          "on": "click",
          "selector": "#test1",
          "request": "reachGoal",
          "vars": {
            "goalId": "superGoalId",
            "yaParams": "{\"inner-key\": \"inner-value\"}"
          }
        },
        "halfScroll": {
          "on": "scroll",
          "scrollSpec": {
            "verticalBoundaries": [
              50
            ]
          },
          "request": "reachGoal",
          "vars": {
            "goalId": "halfScrollGoal"
          }
        }
      }
    }
  </script>
</amp-analytics>
<!-- end Yandex Metrika example -->
</div>

<div class="logo"></div>
<h1 id="top">AMP Analytics</h1>
<span id="test1" class="box" data-vars-title="Example request with element level overrides">
  Click here to generate an event
</span>
<p>
Example of <a id="ext" data-vars-target-url="../"  data-vars-element-id="home" data-vars-element-content="Internal Link" href="../">Internal Link</a>.
</p>
<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>
Integer in felis at lacus mattis facilisis. Curabitur tincidunt, felis porttitor mollis finibus, tortor elit elementum dolor, vel vulputate lorem dui id ante. Vivamus in velit at lectus blandit gravida vitae quis arcu. Nam et magna magna. Fusce condimentum diam lacus, ac ullamcorper purus malesuada eu. Mauris ullamcorper elit et venenatis faucibus. Nullam lobortis molestie purus quis pellentesque. Sed at libero id nisi rhoncus tincidunt. Praesent vestibulum vehicula tristique. Etiam rutrum, nunc id porta interdum, nulla nisi molestie leo, at fermentum justo dolor at lorem. Duis in egestas sapien.
</p>
<p>
Donec pharetra molestie sollicitudin. Duis mattis eleifend rutrum. Quisque luctus tincidunt lacus, vitae lobortis nisi malesuada ac. Aliquam mattis leo vel elit rutrum, nec consequat massa vestibulum. Maecenas bibendum metus nec ante feugiat, eu faucibus orci mattis. Cras tristique sem non elit congue malesuada. Proin ornare, lacus et porttitor consequat, sapien urna rutrum diam, ac pellentesque ligula est eget nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec ultrices sollicitudin eros a placerat. Proin eget pulvinar est. Donec posuere ultrices odio at ultrices. Suspendisse potenti. Phasellus id orci id purus porttitor consectetur a at erat. Nullam volutpat ultricies nisl id maximus. Morbi porta ex ante, et egestas odio ultricies consequat.
</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>
<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>