amp-html - 关于 amp-analytics 动态跟踪的问题

Question

我正在使用 amp-analytics 来跟踪发送到我自己端点的数据。如何跟踪用户单击了哪个按钮或链接？我尝试为我正在跟踪点击的元素添加 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”中，但是当我通过点击触发事件时，结果只显示第一个元素的信息。例如。如果我先单击 img-01，则每个其他元素都显示与 img-01 相同的事件类别、事件目标、事件标签。

放大器分析：

 <amp-analytics config="...">
      <script type="application/json">
        {
          ...
          "triggers": {
            "trackPageAction": {
              "on": "click",
              "selector": ".trackedAction",
              "request": "event"
            }
          }
        }
      </script>
 </amp-analytics>

知道为什么会这样吗？多谢。

标签： amp-html