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

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

>

Google Analytics（分析）对于了解网站用户行为是必不可少的。本文详细介绍了如何利用其跟踪关键JavaScript和Ajax事件的能力，为网站优化提供了宝贵的见解。

密钥概念：

>
• >跟踪代码集成： Google Analytics（分析）实现的核心涉及将跟踪代码嵌入每个网页中。 该代码使用>命令在发生特定的JavaScript或Ajax操作时传输事件数据。ga>
• 内页事件跟踪：超出标准页面视图，Google Analytics（分析）可以监视广泛的页面活动。这包括AJAX呼叫，视频播放，文件下载，社交媒体交互，客户端交互和出站点击 - 实际上，任何事件都不会触发完整页面重新加载。 这些事件是使用参数（例如事件类别，动作，标签和值）精心描述的。>
• >社交媒体互动跟踪： Google的社交互动API简化了跟踪社交媒体的参与。 这需要指定社交网络，动作类型（例如，“喜欢”，“共享”）和目标URL。
数据可视化：
• 在Google Analytics（分析）中很容易访问，特别是在“行为”＆GT下访问； “事件”部分。

设置Google Analytics（

）

>

>帐户创建/访问：
1. >登录您的Google帐户或创建一个新的帐户以访问Google Analytics（）。 >
>属性设置：
2. 在“管理员”部分中，创建一个新帐户和属性，提供您网站的URL。 您将收到一个唯一的跟踪ID（ua-xxxxx-y）。> >
跟踪代码实现： Google建议使用以下JavaScript代码段用于现代浏览器。切记用跟踪ID替换
3. ： UA-XXXXX-Y
>将此代码插入您的网站的HTML，理想情况下，在

标签中，在关闭

<code class="language-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');</code>

标签之前，以获得最佳性能。 JavaScript：

内页事件跟踪：

> 标准跟踪代码足以满足基本网站的足够

或使用JavaScript对象以获得更好的可读性和可维护性：>

<code class="language-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');</code>

• eventCategory>（必需）：>事件的广泛类别（例如，“视频”，“下载”）。
• >（必需）：eventAction特定动作（例如，“ play”，“ download”）。>
• （可选）：eventLabel其他分类（例如，广告系列名称）。
• >（可选）：eventValue一个数值（例如，文件大小，视频持续时间）。
• >（可选）：transport: 'beacon'即使页面正在加载，也可以确保可靠的跟踪。

>

>示例：跟踪pdf下载>

>使用单个事件侦听器有效地跟踪所有PDF下载：>

<code class="language-javascript">ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue]);</code>

>社交媒体互动跟踪：

使用社交互动API：

或使用JavaScript对象：

<code class="language-javascript">ga('send', {
  hitType: 'event',
  eventCategory: [eventCategory],
  eventAction: [eventAction],
  eventLabel: [eventLabel],
  eventValue: [eventValue],
  transport: 'beacon' // For forms and outbound links
});</code>

<code class="language-javascript">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);</code>

（必需）：社交网络（例如，“ Facebook”，“ Twitter”）。
• > socialNetwork>（必需）：
>动作（例如，“ like”，“ share”）。
• socialAction （必需）：目标URL。
• socialTarget>查看跟踪事件：

实时数据可在“实时”＆gt下获得。 “事件。” 更全面的数据出现在“行为”＆gt;延迟24小时后“事件”。 请咨询Google Analytics（Analyticssics）官方有关事件跟踪和社交互动的详细信息。

> >这种增强的解释为实施Google Analytics（用于强大的事件跟踪）提供了更全面和结构化的指南。

以上是如何使用Google Analytics（分析）跟踪JavaScript和Ajax事件的详细内容。更多信息请关注PHP中文网其他相关文章！