Аналитика 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>

обратитесь к документации здесь в последней части страницы