当安培表单提交成功时，在安培网页中触发谷歌放大器分析事件

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"
}
},
…