设置事件

通过事件,您可以衡量用户在您网站或应用中的互动情况;例如,您可以衡量用户何时加载网页、点击链接和出手购买。Google Analytics(分析)会使用来自事件的数据创建包含您业务相关信息的报告。了解详情

本指南介绍了如何使用 Google 代码 (gtag.js) 或 Google 跟踪代码管理器,在您的网站上设置推荐事件自定义事件。您无需设置自动收集的事件增强型衡量事件

您已经设置了 Google Analytics(分析),并且已经开始在报告中看到数据,但您希望在 Google Analytics(分析)自动收集的信息的基础上收集更多信息,或者您想要解锁 Google Analytics(分析)中的某些特性和功能。


本指南假定您已完成以下操作:

此外,本指南还假定您满足以下条件:

  • 拥有网站源代码访问权限
  • 拥有 Google Analytics(分析)账号的编辑者角色

设置事件

您应使用 gtag.js API 将事件发送到 Google Analytics(分析)。该 API 有一个名为 gtag() 的函数,并且每当您想要将事件发送到 Google Analytics(分析)时,都可以使用以下语法:

gtag('event', '<event_name>', {
 
<event_parameters>
});

在此示例中,gtag() 函数包含以下各项:

  • event 命令,用于告知 Google 您发送的是事件
  • 推荐事件或自定义事件的名称
  • (可选)一系列参数,用于提供有关事件的更多信息

例如,以下名为 screen_view 的推荐事件包含两个参数:

gtag('event', 'screen_view', {
 
'app_name': 'myAppName',
 
'screen_name': 'Home'
});

向 JavaScript 添加事件

gtag() 是一个 JavaScript 函数,因此您需要将该函数添加到您网页上的 JavaScript 中。例如,您可以将该函数添加到 <script> 标记内或您导入 HTML 网页的单独 JavaScript 文件中。

您可以将事件添加到 JavaScript 中 Google 代码段下方的任意位置。如果您将事件放置在 Google 代码段上方,则 Google 不会处理来自相应事件的数据。例如,以下示例代码在 <script> 标记内包含一个名为 screen_view 的事件:

<!DOCTYPE html>
<html lang="en">
<head>
   
<!-- Google tag (gtag.js) -->
   
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
   
<script>
    window
.dataLayer = window.dataLayer || [];
   
function gtag(){dataLayer.push(arguments);}
    gtag
('js', new Date());

    gtag
('config', 'G-XXXXXXXXXX');
   
</script>

   
<meta charset="UTF-8">
   
<meta http-equiv="X-UA-Compatible" content="IE=edge">
   
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   
<title>Title of the page</title>
</head>
<body>
   
<p>Welcome to my website!</p>
   

   
<script>
     
/**
      * The following event is sent when the page loads. You could
      * wrap the event in a JavaScript function so the event is
      * sent when the user performs some action.
      */

      gtag
('event', 'screen_view', {
       
'app_name': 'myAppName',
       
'screen_name': 'Home'
     
});
   
</script>

</body>
</html>

如果您想要基于按钮点击(或其他一些用户操作)发送事件,可以向您的事件添加一些额外的 JavaScript。

在 Google Analytics(分析)中查看事件

您可以使用实时报告和 DebugView 报告查看事件及其参数。请注意,您需要先对 DebugView 报告进行一些额外配置,然后才能使用该报告。这两种报告会显示事件被触发时,用户在您的网站上触发了哪些事件。

后续步骤