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

Question

我试图在 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>

Answer 1

1. 缺少选择器- AMP 必须知道这是哪个表单元素
2. 附加数据可以作为vars传递。 例如，对于 Google Analytics，它是event_label 、 event_name和event_category 。 有关AMP 和 GA 集成的更多信息，请访问此处。

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