我正在使用amp分析来跟踪发送到自己端点的数据。如何跟踪用户单击了哪个按钮或链接?我尝试为跟踪点击的元素添加data-vars- *属性,但事实证明结果仅显示我正确单击的第一个元素。
例如,对于要触发pageAction事件的任何单击,我有多个元素可以具有单击操作。
html:
<button class="trackedAction" data-vars-event-category="page button" data-vars-event-target="toggle article" data-vars-event-label="Show/Hide Article">a button</button>
<amp-carousel ...>
<amp-img ... class="trackedAction" data-vars-event-category="image" data-vars-event-target="./img-01" data-vars-event-label="ai-img-01"></amp-img>
<amp-img ... class="trackedAction" data-vars-event-category="image" data-vars-event-target="./img-02" data-vars-event-label="ai-img-02"></amp-img>
<amp-img ... class="trackedAction" data-vars-event-category="image" data-vars-event-target="./img-03" data-vars-event-label="ai-img-03"></amp-img>
</amp-carousel>
<form ...
data-vars-event-target="https://ampbyexample.com/components/amp-form/submit-form-input-text-xhr">
<input ...
class="trackedAction" data-vars-event-category="input" data-vars-event-target="input" data-vars-event-label="form input">
<input ...
class="trackedAction" data-vars-event-category="input" data-vars-event-target="input" data-vars-event-label="form input">
<input ... class="trackedAction" data-vars-event-category="submit" data-vars-event-target="submit" data-vars-event-label="form submit">
</form>
如代码所示,我在“ trackedAction”类中分组了多个元素,但是当我用click触发事件时,结果仅显示第一个元素的信息。例如。如果我先单击img-01,则所有其他元素将显示与img-01相同的事件类别,事件目标,事件标签。
amp-analytics:
<amp-analytics config="...">
<script type="application/json">
{
...
"triggers": {
"trackPageAction": {
"on": "click",
"selector": ".trackedAction",
"request": "event"
}
}
}
</script>
</amp-analytics>
知道为什么会这样吗?非常感谢。