AMP 页面分析组件多个 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>

然后最后一个 buttonClick 和 CSS 选择器“.anotherClass”起作用。但是，上面的那个没有。

好像覆盖了上面那个

我想通过添加另一个 key/value 对，它会添加这个额外的 buttonClick 事件。

谷歌搜索我真的找不到任何东西。除本文外：

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

看来我做的一切都是对的。

有人可以帮助我吗？我究竟做错了什么？我的 JSON 结构正确吗？

Answer 1

耶耶耶！问题已解决！

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

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

AMP 识别并理解这些。

这完全有道理。解释最后一个事件的行为似乎覆盖了之前的事件。

AMP 页面分析组件多个 buttonClick 触发事件

AMP Page Analytics Component Multiple buttonClick Trigger Events

html

json

amp-html