如何跟踪无头商店的转化？

Question

我的网站已经上线，现在我正在构建 dataLayer，但我很难弄清楚如何跟踪转化。 顺便说一句，这是 Gatsby/React Shopify 商店。

我正在使用 Gatsby GTM 插件，并通过 GTM 加载我的 GA4 标签。 但是我如何开始跟踪转化率和转化率？ 由于结帐在另一个域上，我想我们需要 clientID 并将其传递给结帐页面，对吗？

以前有没有人这样做过并且可以为我指出正确的方向？ 非常感谢！

Answer 1

您可以使用 GTM 插件与trackCustomEvent公开的 function 集成来跟踪 Google Analytics 中的自定义事件。

就像是：

import React from "react"
import { trackCustomEvent } from "gatsby-plugin-google-analytics"

const Component = () => (
  <div>
    <button
      onClick={e => {
        // To stop the page reloading
        e.preventDefault()
        // Lets track that custom click
        trackCustomEvent({
          // string - required - The object that was interacted with (e.g.video)
          category: "Special Button",
          // string - required - Type of interaction (e.g. 'play')
          action: "Click",
          // string - optional - Useful for categorizing events (e.g. 'Spring Campaign')
          label: "Gatsby Plugin Example Campaign",
          // number - optional - Numeric value associated with the event. (e.g. A product ID)
          value: 43,
        })
        //... Other logic here
      }}
    >
      Tap that!
    </button>
  </div>
)

export default Component

更多参考资料：

• https://www.npmjs.com/package/gatsby-plugin-google-analytics
• https://developers.google.com/analytics/devguides/collection/analyticsjs/field-reference#events