用GTM取得網站API回傳的JSON數據

更新時間：2025年8月13號

這篇介紹用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("Output: ", response);
}, "json")
</script>

在GTM中，用自訂HTML，將上述程式配置到所有頁面都觸發就可以，然後預覽測試，在瀏覽器開發者工具的控制台可以看到列印預期的資料：

發送資料到GA4

<script type="application/javascript">
   $.get("API回傳的位址", function(response) {
             console.log("Output: ", response);

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

}, "json")
</script>

預覽測試，可以在Tag Assistant看到資料發送出去：