GA4追踪WooCommerce转化数据

秦半两更新于 2024年 7月 18日

你是否想要知道咱们的WordPress独立站中什么产品浏览量最高、加购次数最多、购买数据又是如何的呢?同时,你是否注意到Google Analytics 4的报告概况中的<创收>一栏?其中一项便是电子商务购买,然而在未进行针对性追踪设置之前,此处的报表是空白的。

这篇文章我就来教大家使用Google Analytics 4追踪咱们WooCommerce商店的浏览、加购、购买等转化数据。

前提:注册GTM并在当中添加了GA4代码

所需插件:GTM4WP (这个插件可以为页面添加datalayer所需的代码

目 录

    设置追踪

    第一步:设置插件

    在我的GTM教程中,我推荐B2C电商网站使用GTM4WP插件来部署GTM代码。

    在插件设置界面填入GTM代码,Container code选择 on

    填入GTM代码
    填入GTM代码

    切到 Integration 界面,选择woocommerce,勾选 Track e-commerce。这个界面下的其他选项根据实际需求进行勾选,保存。这样追踪电子商务事件所需的代码就被添加到我们的woocommerce页面(列表页、产品页、购物车页、结账页、感谢页)上了。

    设置woocommerce追踪
    设置woocommerce追踪

    为了保持Google Ads、GA4中各种报表的数据一致性,我们要确保同一个产品在Data Layer中的产品ID(Item_id)与在Google Merchant Center(GMC)中的商品ID保持一致。否则你会在同一张报表中看到同个产品会有两行数据。

    GTM4WP插件和Feed插件对于产品ID默认都是直接采用WordPress自动生成的帖子ID,所以默认值是一致的;我个人更喜欢将两者都改为sku,这样更容易辨识产品,所以在GTM4WP中还需要在 Integration - WooCommerce 界面下方勾选 Use SKU instead of ID

    用SKU替代帖子ID
    用SKU替代帖子ID

    第二步:在GTM中设置GA4电子商务事件

    插件作者已经在他的网站上提供了这个步骤现成的教程,看这里(从step 1开始跟着操作),我就不重复赘述了。记得填GA4 ID的时候把左右{{ }}括号去掉…

    简要概括一下:下载作者提供的 Json文件(我打包成了zip,所以需要先解压),然后导入到GTM中。相当于作者为我们创建好了变量、触发器和代码,不需要我们再手动敲代码了。最后在GTM的GA4事件配置界面将事件和GA4代码关联起来,就完成了电商追踪设置。

    导入json文件
    导入json文件

    PS:这些触发器和变量之后还可以在谷歌广告的转化追踪动态再营销追踪中重复利用。

    注意:大家按照作者的教程操作后,在预览或提交时会有弹窗报错:“代码中发现未知变量‘Event’。请修改该代码,取消对未知变量的引用。” 实际上,这是因为作者教程缺了一步,我这里来补上:在 变量 模块,点击内置变量栏目的 配置 按钮,在出来的弹窗列表中选择 Event 。接着就可以正常预览、提交了。

    新建event事件
    新建event事件

    到此,GA4电商事件追踪才算是基本完成了。接下来,我们还需要验证设置是否生效。

    检查设置是否生效

    方法与我在GA教程中的检查代码是否工作环节的方法二一样,我们通过GTM预览功能进行验证。在测试环境中打开我们的网站后,依次进行以下操作:浏览商品列表、查看商品、加入购物车、浏览购物车、购买产品。然后切回到GTM预览界面,它的左侧会显示我们的每一步操作事件。接下来我们要对前面提到的几个操作逐个进行检查——电商事件追踪代码是否被激活以及记录的数据是否正确

    验证追踪代码是否被激活

    比如下图中,我点击加入购物车(add_to_cart)这个步骤,右侧界面中我们刚设置的GA4电商事件代码出现在Tags Fired下面,则代表代码在加购操作中被成功激活。

    验证代码是否能激活
    验证代码是否能被激活

    验证记录的数据是否正确

    如下图,我们需要切换到Variables界面,不仅要检查自定义事件的名称是否与我们操作的事件一致,还要检查数据层变量中的产品名称、数量、金额、币种、产品分类等是否与我们加购的产品一致。

    检查被记录的datalayer数据
    检查被记录的datalayer数据

    我上面是用“加入购物车”这个操作举例,而大家在检查的时候一定要对每个操作都进行检查,确保记录无误。特别是购买(purchase)这个环节,必须要认真检查!!!因为这一条的数据与谷歌广告的转化跟踪直接相关,进而影响到与广告出价相关的机器学习

    提示:我们能够在左侧事件列表中发现,
    ①当产品详情页是变体产品时,只有选定了变体才会出来view_item事件。所以那些访问了变体产品页但是没有选择产品变体的访客,是不会被记录到这个产品的浏览记录中的。有个小技巧可以克服这个缺陷:在woocommerce产品编辑页面的变体选项卡下,设置好默认值就好了。
    ②purchase事件是出现在order-received页面中的——这意味着要是顾客付完钱之后网页没有自动跳转到感谢页,那么他的购买数据就不会被记录。少部分情况下,比如网络原因、浏览器原因等可能会出现这种不会自动跳转的情况,这个问题暂时没法解决。

    确认GA4事件设置没有问题后,别忘了回到GTM页面进行发布!

    追踪效果展示

    下图是正确设置转化后,过两天GA4的电子商务购买界面会出现的数据:

    每个SKU都会显示浏览次数、加购次数、浏览后加购率、购买次数、浏览后购买率、购买次数、购买收入这几项数据。

    GA电子商务购买显示内容
    GA电子商务购买显示的内容

    你觉得这些数据对我们的运营分析是不是很有帮助呢?

    用Google Analytics追踪WooCommerce的转化数据是我们进行产品销售分析的基础步骤,更重要的是我们要利用这些用户浏览、购买意向和实际购买情况的数据来做决策,从而提高咱们网站的收益。

    这篇文章对你有帮助吗?
    [ 评价次数: 1 ; 满意度: 5/5 ]
    留言区
    • 我在曼谷。做本土的DTC品牌。最近半年持续被广告转化跟踪的技术问题困扰,很焦虑。
      希望得到你回复。谢谢!

    • 你好,我是Sam .
      除了写教程,你有提供建站和转化跟踪设置的服务吗?
      如果有,我希望得到报价。或者,我们可以详细聊聊。谢谢

      • 秦半两

        加我微信 Qinbl_smile 。 广告追踪按照我的教程来应该你自己就能搞定。

    欢迎留言