时间戳

首页 > 解决方案 > 当 amp-form 提交成功时，在 amp 页面中触发 google amp-analytics 事件

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

问题描述

在 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-analyticsamp-htmlamp-analyticsamp-form

解决方案

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

推荐阅读