关于amp分析动态跟踪的问题

时间:2019-05-03 23:09:08

标签: amp-html

我正在使用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>

知道为什么会这样吗?非常感谢。

0 个答案:

没有答案