首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当amp-form提交成功时,在amp页面中触发google amp-analytics事件

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

Stack Overflow用户
提问于 2019-12-19 18:02:45
回答 1查看 291关注 0票数 0

我正在尝试在AMP中提交成功后触发事件。

目前,我使用dataLayer.push()和发送:类别、动作和标签。

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

下面是文档中的代码:

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2020-03-19 01:50:08

  1. selector is

- AMP必须知道哪个表单元素是

  1. ,其他数据可以作为vars传递。例如,对于谷歌分析,它是event_labelevent_nameevent_category。有关AMP & GA integration here.

的更多信息

代码语言:javascript
复制
…
"formSubmit": {
  "on": "amp-form-submit-success",
  "selector": "form",
  "request": "event",
  "vars": {
    "event_label": "Label 1"
  }
},
…
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59407307

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档