当 amp-form 提交成功时，在 amp 页面中触发 google amp-analytics 事件答案

【问题标题】：Fire google amp-analytics event in an amp page when amp-form submit success当 amp-form 提交成功时，在 amp 页面中触发 google amp-analytics 事件
【发布时间】：2019-12-19 10:02:44
【问题描述】：

我试图在 AMP 中提交成功后触发一个事件。

目前我使用 dataLayer.push() 并发送：类别、操作和标签。

如何使用本文档中的示例触发成功事件 https://amp.dev/documentation/components/amp-form/#analytics-triggers

这是文档中的代码：

<amp-analytics>
  <script type="application/json">
    {
      "requests": {
        "event": "https://www.example.com/analytics/event?eid=${eventId}",
        "searchEvent": "https://www.example.com/analytics/search?formId=${formId}&query=${formFields[query]}"
      },
      "triggers": {
        "formSubmit": {
          "on": "amp-form-submit",
          "request": "searchEvent"
        },
        "formSubmitSuccess": {
          "on": "amp-form-submit-success",
          "request": "event",
          "vars": {
            "eventId": "form-submit-success"
          }
        },
        "formSubmitError": {
          "on": "amp-form-submit-error",
          "request": "event",
          "vars": {
            "eventId": "form-submit-error"
          }
        }
      }
    }
  </script>
</amp-analytics>

【问题讨论】：

标签： google-analytics amp-html amp-analytics amp-form

【解决方案1】：

selector 丢失 - AMP 必须知道这是哪个表单元素
其他数据可以作为vars 传递。例如。对于 Google Analytics，它是 event_label、event_name 和 event_category。更多关于AMP & GA integration here。

…
"formSubmit": {
  "on": "amp-form-submit-success",
  "selector": "form",
  "request": "event",
  "vars": {
    "event_label": "Label 1"
  }
},
…

【讨论】：