Html AMP页面分析组件多个按钮单击触发事件

如果您看到下面的代码是在加速移动页面（AMP）组件中编写的。它工作得很好

单击带有CSS选择器“.fbATC”的按钮时，将触发FB pixel自定义事件

<amp-analytics type="facebookpixel" id="facebook-pixel">
        <script type="application/json">
        {
          "vars": {
             "pixelId": "ID"
          },
          "triggers": {
            "defaultPageview": {
              "on": "visible",
              "request": "pageview"
            },
            "trackPageview": {
              "on": "visible",
              "request": "event",
              "vars": {
                "eventName": "customVC",
                "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
              }
            },
            "buttonClick": {
            "selector":".fbATC",
              "on": "click",
              "request": "event",
              "vars": {
                "eventName": "customATC",
                "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
              }
            }
          }
        }
        </script>
        </amp-analytics>

然后，最后一个

按钮用CSS选择器单击
。另一个类“起作用。然而，上面的那个并没有

就像它覆盖了它上面的那个

我认为通过添加另一个键/值对，它将添加这个额外的
按钮单击事件

在谷歌上搜索，我什么也找不到。除本条外：


看来我一切都做对了

谁能帮帮我吗。我做错了什么？我的JSON结构正确吗
 耶！问题解决了

我发现按钮点击名称必须是唯一的

所以我必须有
按钮点击
，然后是
按钮点击2
，
按钮点击3

AMP识别并理解这些

这完全有道理。解释最后一个事件似乎覆盖了以前事件的行为
 为什么不为同一个事件添加多个类似的选择器呢
“选择器”：.fbATC、.anotherClass“
如何跟踪滚动深度而不是单击按钮？
<amp-analytics type="facebookpixel" id="facebook-pixel">
<script type="application/json">
{
  "vars": {
     "pixelId": "ID"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview"
    },
    "trackPageview": {
      "on": "visible",
      "request": "event",
      "vars": {
        "eventName": "customVC",
        "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
      }
    },
    "buttonClick": {
    "selector":".fbATC",
      "on": "click",
      "request": "event",
      "vars": {
        "eventName": "customATC",
        "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)",
      }
    },
    "buttonClick": {
    "selector":".anotherClass",
      "on": "click",
      "request": "event",
      "vars": {
        "eventName": "customATC",
        "content_name": "QUERY_PARAM(utm_campaign)-QUERY_PARAM(utm_source)"
      }
    }
  }
}
</script>
</amp-analytics>