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

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

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

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

如何确定API返回的JSON数据

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

GTM获取API返回的JSON数据

使用的代码如下：

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

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

发送数据到GA4

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

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