如何使用Google Analytics（分析）跟踪JavaScript和Ajax事件-js教程-PHP中文網

如何使用Google Analytics（分析）跟踪JavaScript和Ajax事件

Jennifer Aniston

發布： 2025-02-16 10:43:08

原創

206 人瀏覽過

How to Track JavaScript and Ajax Events with Google Analytics

google Analytics（分析）：掌握JavaScript和Ajax事件跟踪

Google Analytics（分析）對於了解網站用戶行為是必不可少的。本文詳細介紹瞭如何利用其跟踪關鍵JavaScript和Ajax事件的能力，為網站優化提供了寶貴的見解。

密鑰概念：

>跟踪代碼集成： Google Analytics（分析）實現的核心涉及將跟踪代碼嵌入每個網頁中。該代碼使用>命令在發生特定的JavaScript或Ajax操作時傳輸事件數據。 ga>
內頁事件跟踪：超出標準頁面視圖，Google Analytics（分析）可以監視廣泛的頁面活動。這包括AJAX呼叫，視頻播放，文件下載，社交媒體交互，客戶端交互和出站點擊 - 實際上，任何事件都不會觸發完整頁面重新加載。這些事件是使用參數（例如事件類別，動作，標籤和值）精心描述的。 >
>社交媒體互動跟踪： Google的社交互動API簡化了跟踪社交媒體的參與。這需要指定社交網絡，動作類型（例如，“喜歡”，“共享”）和目標URL。
在Google Analytics（分析）中很容易訪問，特別是在“行為”＆GT下訪問； “事件”部分。

設置Google Analytics（

）

>登錄您的Google帳戶或創建一個新的帳戶以訪問Google Analytics（）。 >
在“管理員”部分中，創建一個新帳戶和屬性，提供您網站的URL。您將收到一個唯一的跟踪ID（ua-xxxxx-y）。 > >

Google建議使用以下JavaScript代碼段用於現代瀏覽器。切記用跟踪ID替換

： UA-XXXXX-Y

>將此代碼插入您的網站的HTML，理想情況下，在

標籤中，在關閉

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');

登入後複製

標籤之前，以獲得最佳性能。 JavaScript：

<body></body>內頁事件跟踪：

> 標準跟踪代碼足以滿足基本網站的足夠

或使用JavaScript對像以獲得更好的可讀性和可維護性：>

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');

登入後複製

eventCategory>（必需）：>事件的廣泛類別（例如，“視頻”，“下載”）。
>（必需）：eventAction特定動作（例如，“ play”，“ download”）。 >
（可選）：eventLabel其他分類（例如，廣告系列名稱）。
>（可選）：eventValue一個數值（例如，文件大小，視頻持續時間）。
>（可選）：transport: 'beacon'即使頁面正在加載，也可以確保可靠的跟踪。

>示例：跟踪pdf下載>

>使用單個事件偵聽器有效地跟踪所有PDF下載：>

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue]);

登入後複製

>社交媒體互動跟踪：

使用社交互動API：

或使用JavaScript對象：

ga('send', {
  hitType: 'event',
  eventCategory: [eventCategory],
  eventAction: [eventAction],
  eventLabel: [eventLabel],
  eventValue: [eventValue],
  transport: 'beacon' // For forms and outbound links
});

登入後複製

document.body.addEventListener('click', e => {
  let t = e.target;
  if (t.href && t.href.endsWith('.pdf')) {
    ga('send', {
      hitType: 'event',
      eventCategory: 'download',
      eventAction: t.href,
      transport: 'beacon'
    });
  }
}, false);

登入後複製

社交網絡（例如，“ Facebook”，“ Twitter”）。

> socialNetwork>（必需）：

>動作（例如，“ like”，“ share”）。

socialAction （必需）：目標URL。

socialTarget>查看跟踪事件：

實時數據可在“實時”＆gt下獲得。 “事件。” 更全面的數據出現在“行為”＆gt;延遲24小時後“事件”。請諮詢Google Analytics（Analyticssics）官方有關事件跟踪和社交互動的詳細信息。

> >這種增強的解釋為實施Google Analytics（用於強大的事件跟踪）提供了更全面和結構化的指南。

以上是如何使用Google Analytics（分析）跟踪JavaScript和Ajax事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！