如何设置 Google Analytics
跳过有关 Google Analytics 的阅读内容。 直接带我到第一步。 转到第一步
什么是 Google Analytics
Google Analytics 是一款网络分析解决方案。
它由 Google 开发和支持。
最新版本称为 Google Analytics 4。
它可用于查看数据,例如受众、页面浏览量、会话和人口统计以及事件。
为什么要启用 Google Analytics
了解您的网站流量以做出更明智的决策。
了解和改进销售漏斗。
从实验中学习(例如,A/B 测试)。
谷歌还有另一个名为 Google Optimize 的解决方案。此解决方案专为测试而设计。
Google Analytics 适合谁
Google Analytics 对任何拥有网站的人都有用。
它提供有关谁使用您的网站以及他们如何与您的网站交互的信息。
此外,界面易于理解。
您不需要分析背景即可使用和浏览该服务。
如何逐步设置 Google Analytics
Google Analytics 可以通过两种方式设置:**全局网站标签 (gtag.js)** 或 **Google Tag Manager**。
最简单的方法是使用全局网站标签。
本教程将使用全局网站标签方法。
准备工作
决定使用哪个代码编辑器并设置您的环境。
W3Schools 创建了一个易于使用的代码编辑器,名为 **W3Schools Spaces**。只需点击几下即可注册并开始使用。
免费开始 ❯创建您的 **index.html** 文件,以便您可以开始输入代码。
一切就绪。让我们开始吧!
设置 Google Analytics:全局网站标签
步骤 1:创建一个 Google Analytics 帐户
访问 Analytics:创建帐户或登录 Analytics
上面的段落中的链接将带您前往 Google Analytics 着陆页。
点击“免费开始”按钮。
步骤 2:进入欢迎页面
创建帐户或登录后,您将被欢迎进入解决方案。
按“开始测量”按钮继续。
步骤 3:帐户设置
您需要做出两个决定。
- 输入您的帐户名称。
- 决定您要共享哪些数据。
- 点击“下一步”按钮。
一个帐户可以有多个跟踪 ID。您可以使用一个帐户跟踪多个网站。
步骤 4:属性设置
属性是您要测量的服务,例如网站、应用程序、链接树等。
- 输入属性名称。
- 输入您的时区。
- 输入您使用的货币。
- 点击“下一步”按钮。
步骤 5:添加业务信息
Analytics 使用这些信息来定制您的体验。
- 选择您的行业类别。
- 选择企业规模。
- 勾选您计划如何使用 Analytics 的框。
- 点击“创建”按钮继续。
步骤 6:服务条款协议
阅读并理解服务条款。
如果您同意,请勾选 GDPR 框并点击“我接受”按钮。
步骤 7:电子邮件订阅
- 勾选或取消勾选所有框。
- 点击“保存”按钮继续。
步骤 8:选择平台
选择您收集数据的平台。
然后,点击相关平台继续。
在本教程中,我们将以“网络”为例继续。
步骤 9:数据流设置
输入数据流详细信息。
- 您网站的 URL。
- 您要为数据流指定的名称。
- 决定是否启用增强型测量。
- 点击“创建数据流”按钮继续。
增强型测量可以为数据提供更多上下文。提高您对流量的理解。
步骤 10:网络数据流概述
在这里,您可以看到网络数据流的详细概述。
以下是概述中的主要要点。
1. 数据流 URL。
数据流 URL 是连接网站的链接。
2. 测量 ID
测量 ID 是您的数据流的标识符。
它的格式为 G-XXXXXXX。
Google Analytics 4 使用测量 ID。旧版本使用跟踪 ID。您不能同时拥有两者。
3. 标签说明
决定使用 **全局网站标签 (gtag.js)** 或 **标签管理器**。
本教程将使用全局网站标签。
安装全局网站标签是最简单、最快的使其运行起来的方法。
步骤 11:全局网站标签 (gtag.js)
点击“全局网站标签 (gtag.js)”行。
在这里,您可以看到代码片段。
代码片段是允许 Google 测量您网站数据的脚本。
您可以在代码片段的倒数第二行看到测量 ID。
代码片段
<!-- 全局网站标签 (gtag.js) - Google Analytics -->
<script async src="https://127.0.0.1/gtag/js?id=G-DNJN1PF3CS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXX');
</script>
步骤 12:输入代码片段
复制代码片段。
确保包含您的测量 ID。
在您的 HTML 中找到 <head> 标签。
将代码片段粘贴到 <head> 标签下方。
保存并发布代码。
在本例中,我们使用了 W3Schools Spaces。
步骤 13:测试是否有效
确保您已成功保存并发布包含正确测量 ID 的代码片段。
打开您已连接到数据流的网站的 URL。
点击左侧菜单上的“实时”。
确认您看到自己作为活跃用户。
恭喜!您已成功为您的网站启用 Google Analytics!
探索 Google Analytics
推荐的相关主题是 **标签管理器** 和 **事件**
花时间在该服务中了解您的用户活动、商务、人口统计、设备和推荐来源。
**提示:**听说过 W3Schools Spaces 吗?这是一个个人空间,您可以在其中从头开始制作网站或使用模板并免费托管它。
它包含您在浏览器中所需的一切。
只需点击几下即可开始使用。
立即免费开始 ❯* 不需要信用卡