AMP分析-如何跟踪amp列表中的“单击”和“可见”元素

Question

我知道如何在amp-analytics标签中设置基本的点击跟踪。但是，是否可以在<amp-list>内的动态项上绑定单击跟踪

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXX-Y"
  },
  "triggers": {
    "trackClickOnMyDynamicItem" : {
      "on": "click",
      "selector": "#myElementInAmpList",
      "request": "event",
      "vars": {
        "eventCategory": "someCategory",
        "eventAction": "someAction",
        "eventLabel": "someDynamicLabelRetrievedFromAmpList"
      }
    }
  }
}
</script>
</amp-analytics>

Answer 1

您可以使用data-vars-*来完成此操作，例如：

<amp-list>
<template type="amp-mustache">
<a href="{{ Url }}" id="myElementInAmpList"  data-vars-product-name ="{{ ProductName }}">
</template>
</amp-list>

在跟踪脚本中，您可以：

<amp-analytics type="googleanalytics">
<script type="application/json"> {"vars": {
"account": "UA-XXXXX-Y"},
"triggers": {
 "trackClickOnMyDynamicItem" : {
  "on": "click",
  "selector": "#myElementInAmpList",
  "request": "event",
  "vars": {"eventCategory": "someCategory",
    "eventAction": "someAction",
    "eventLabel": "${productName}" //this will be dynamic 
         }
       }
     }
   }
</script>
</amp-analytics>

refer the documentation here in the last part of the page