用GTM获取网站API返回的JSON数据

更新时间：2025年8月11号

这一篇介绍用GTM获取网站API返回的JSON数据，然后将数据发送到GA4。

这种方法的的使用场景有：

• 用户登录后网站API返回登录用户信息，可以作为登录成功事件跟踪，还可以将返回的登录信息发送给GA4。
• 电商页面打开，API返回产品信息，展示在页面，也可以直接通过这种方式去获取，然后发送给GA4。

如何确定API返回的JSON数据

在浏览器开发者工具的网路里，找到API返回的请求，在Response里看到如下数据结构就是：

GTM获取API返回的JSON数据

使用的代码如下：

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

在GTM中，用自定义HTML，将上述代码配置到所有页面都触发就可以，然后预览测试，在浏览器开发者工具的控制台可以看到打印预期的数据：

发送数据到GA4

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

    window.dataLayer.push({
        'event': "login",
        'data': response});

}, "json")
</script>

预览测试，可以在Tag Assistant里看到数据发送出去：