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

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

Jennifer Aniston

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

原创

203 人浏览过

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中文网其他相关文章！