如何在 Magento 中设置 Google Tag Manager？

Source: Dev.to

Benefits of Google Tag Manager for Magento

• 将 GA4、Google Ads 等工具集成，以获得客户行为的全漏斗视图。
• 在不重新部署站点的情况下添加和更新跟踪，实现更快的更新和实验。
• 跟踪产品表现，识别购物车放弃节点，分析跨页面的用户旅程，并汇总来自不同设备和浏览器的数据。

Manual Installation (Without Extensions)

1. 在 Magento 管理后台进入 Content > Design > Configuration。
2. 编辑所需主题，将 GTM 容器脚本粘贴到 Head > Scripts and Style Sheets 中。
3. 保存配置。

注意：此操作仅安装 GTM 容器；标签、触发器和变量仍需在 GTM 中进行配置。

Alternative: Insert GTM Directly in Theme Files

• 将 GTM <script> 代码片段添加到 head.phtml。
• 将 <iframe> 代码片段添加到 body.phtml。

脚本就位后，Magento 会自动加载 GTM 容器。GTM 事件（标签、触发器、变量）需在 GTM 界面内部设置。

Using a GTM Extension (e.g., Magefan Google Tag Manager)

扩展提供了针对电商事件的预构建数据层，并自动连接 Google Analytics，省去编辑代码或手动创建标签的步骤。

General Steps with the Extension

1. 创建 GTM 账户 并为你的店铺设置一个容器。
2. 从 GTM 仪表盘复制 GTM Account ID、Container ID 和 Public ID。
3. 打开 Google Analytics 4，复制你的属性的 Measurement ID。
4. 在 Magento 管理后台，将 GTM ID 和 GA4 Measurement ID 粘贴到扩展的配置字段中。
5. 导入数据层并根据需要创建 GTM 标签。
6. 使用 GTM 预览模式 验证标签是否正确触发。
7. 发布 GTM 容器以激活跟踪。

发布后，你可以在 GA4 > Reports > Realtime 中实时监控活动。

Conclusion

将 Google Tag Manager 添加到 Magento 2 可提升分析能力并支持更智能的决策。使用专用扩展可简化设置、降低错误风险并加快实施，尤其在处理电商事件、数据层以及 Google Analytics 4 等集成时尤为便利。