放大器页面分析组件多个buttonClick触发事件

Question

如果您看到下面的代码是用加速移动页(AMP)组件编写的。效果很好。

当单击带有CSS选择器".fbATC“的按钮时，会触发FB像素自定义事件。

<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>

但是，我想添加另一个buttonClick事件。

当我尝试这样做的时候：

<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>

然后，带有CSS选择器".anotherClass“的最后一个.anotherClass工作。然而，上面的那个没有。

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

我认为，通过添加另一个键/值对，它会添加这个额外的buttonClick事件。

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

https://help.instapage.com/hc/en-us/articles/360025465573-Facebook-Pixel-conversion-tracking-for-AMP

看来我一切都做对了。

有人能帮帮我吗。我做错了什么？我的JSON结构正确吗？

Answer 1

Yayyyy！问题解决了！

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

所以我必须有buttonClick，然后是buttonClick2，buttonClick3.

安培认识并理解这些。

这完全是有道理的。解释上一个事件的行为，该事件似乎覆盖了前面的事件。