如何通过GTM获取API返回的JSON数据并发送至GA4

适用于用户登录与电商产品数据追踪的实用方案

本文介绍如何利用Google Tag Manager（GTM）捕获网站API返回的JSON数据，并将其推送至Google Analytics 4（GA4），实现关键用户行为的精准追踪。

典型应用场景包括：

• 用户登录后，API返回用户信息，可触发“登录成功”事件，并将用户数据同步至GA4。
• 电商页面加载时，API返回商品信息，可直接提取并发送给GA4，用于后续分析与转化追踪。

确认API返回的JSON数据结构

通过浏览器开发者工具的“网络（Network）”选项卡，定位目标API请求，在“Response”中查看返回的数据格式。若为标准JSON结构，即可进行下一步配置。

GTM获取API返回的JSON数据

使用GTM的自定义HTML标签，插入以下jQuery代码，确保在所有相关页面触发：

<script type="application/javascript">
  $.get("API返回的地址", function(response){
      console.log("打印数据: ", response);
  }, "json")
</script>

配置完成后，通过GTM预览模式测试，在浏览器控制台可查看输出结果，验证数据是否正确获取。

将数据发送至GA4

在获取JSON数据的基础上，通过dataLayer推送事件和数据至GA4。修改代码如下：

<script type="application/javascript">
  $.get("API返回的地址", function(response){
      console.log("打印数据: ", response);
      
      window.dataLayer.push({
        'event': 'login',
        'data': response
      });
  }, "json")
</script>

在Tag Assistant中预览测试，可观察到事件及携带数据已成功发送至GA4，完成集成验证。