如何在已集成GA4代码的WordPress站点配置电商追踪？是否需用GTM？

是否需要用Google Tag Manager（GTM）？ #

不是非得用，但GTM能让追踪配置更灵活——不用改主题代码就能加、改电商事件，对不懂代码的人或者需要频繁调整追踪规则的场景特别方便。要是你自己能写点代码，直接在WordPress里改也能搞定。

具体操作方法 #

方法1：不用GTM，靠插件/代码实现 #

插件方式（推荐给非技术用户）

• 找支持GA4电商追踪的WordPress电商插件，比如WooCommerce官方的Google Analytics Integration插件，或者MonsterInsights的电商追踪模块
• 装完激活后，在插件设置里填你的GA4媒体资源ID，打开电商追踪开关就行
• 这类插件会自动触发GA4要求的电商事件，比如view_item（查看商品）、add_to_cart（加入购物车）、purchase（下单完成）这些

代码方式（适合会点代码的用户）

• 可以在WordPress主题的functions.php文件，或者用自定义代码插件，添加事件触发的代码：
  • 商品详情页触发view_item事件的示例：

    add_action('wp_footer', 'ga4_view_item_event');
    function ga4_view_item_event() {
        if (is_product()) {
            global $product;
            ?>
            <script>
                gtag('event', 'view_item', {
                    'items': [{
                        'item_id': '<?php echo $product->get_id(); ?>',
                        'item_name': '<?php echo esc_js($product->get_name()); ?>',
                        'price': <?php echo $product->get_price(); ?>,
                        'item_category': '<?php echo $product->get_category_ids()[0]; ?>'
                    }]
                });
            </script>
            <?php
        }
    }
    

  • 加入购物车、下单完成的事件逻辑类似，找到对应的页面或动作钩子，把订单、商品数据传到GA4的事件参数里就行

方法2：用GTM实现 #

1. 在GTM里配置电商事件
   • 登录GTM后台，先创建触发器：比如“商品详情页加载”“加入购物车按钮点击”“订单完成页加载”这些触发条件
   • 再创建数据层变量，用来从WordPress页面里抓取商品ID、名称、价格、订单号这些数据
   • 最后创建GA4事件标签，把触发器和数据层变量关联起来，设置好事件名和参数（比如purchase事件要传transaction_id、items数组这些）
2. 在WordPress里部署GTM代码
   • 最好把原来直接添加的GA4代码删掉，不然会出现数据重复统计。然后把GTM的两段代码分别加到WordPress的<head>开头和<body>开头（可以用主题设置、自定义代码插件，或者修改主题文件）
3. 测试验证
   • 用GTM的预览模式测试事件是否正常触发，再去GA4的实时报告里查看数据有没有同步上来

用GTM时，原有GA4代码的影响 #

• 如果保留原来的GA4代码，同时GTM里也配置了GA4标签，会导致数据重复统计——同一个用户行为会被发送两次数据，所以建议直接删掉WordPress里的GA4代码，全用GTM管理追踪
• 要是只想用GTM发送电商事件，保留原来的GA4代码只发送page_view事件，得确保两者的GA4媒体资源ID一致，而且不要重复触发相同事件，这种情况下基础的页面浏览数据不会受影响，电商事件由GTM负责发送

内容的提问来源于stack exchange，提问作者Anusha Mehta