博客
How to Set Up Google Analytics on Your Website – Step-by-Step GuideHow to Set Up Google Analytics on Your Website – Step-by-Step Guide">

How to Set Up Google Analytics on Your Website – Step-by-Step Guide

亚历山德拉-布莱克,Key-g.com
由 
亚历山德拉-布莱克,Key-g.com
13 minutes read
博客
12 月 05, 2025

Recommendation: 设置一个 GA4 媒体资源,并在每个页面上安装全局网站代码 (gtag.js),以开始收集数据。 使用现成的引导流程和单个窗口来复制和粘贴代码。.

在 Google Analytics(分析)帐户中,使用下拉菜单选择“网站”作为数据流类型。为该媒体资源选择一个独一无二且具有描述性的名称,然后确认 测量参数 是 GA4。 这有助于按以下方式组织数据: 尺寸 例如页面标题、页面位置和设备类别。清晰的设置可以使分析更顺畅。.

您可以将代码手动安装在您的网站代码中,或使用 Google Tag Manager 进行自动部署。如果选择手动安装,请将代码段直接插入到每个页面的 head 标签中。在 GTM 中,创建一个新的 GA4 配置代码并发布。如果您想稍后更改 ID,请避免更改衡量 ID。.

仔细检查您代码中的衡量 ID 是否与 GA4 界面中显示的 ID 一致。注意 ID 和您的媒体资源名称中是否存在拼写错误;一个小小的拼写错误都可能导致数据无法显示。在设置窗口中,确认数据流处于活动状态,并且您可以在“实时”中看到最近的活动迹象。如果发现任何异常,请停止操作并重新检查。.

配置基本事件和参数以捕获页面浏览、滚动和点击等操作。使用 event_name 和 page_location 等参数来捕获上下文。在“衡量”部分中,启用增强型衡量来自动收集标准事件,而无需添加代码。请确保您设置的这些事件能够反映您的目标和受众。.

安装后,访问一个页面并查看实时报告,以验证数据收集。如果看到数据,则将监控时间延长至一整天,以确认趋势并调整目标。如果您管理多个网站,请重复使用同一个 GA4 媒体资源,并使用不同的数据流,以便您可以比较效果,而无需创建单独的帐号。.

如果您需要帮助,请联系团队或信任的分析合作伙伴。系统将显示关键维度,例如城市、设备和来源,帮助您优化广告系列和内容。.

后续步骤:设置转化并定义您的目标,然后检查管理设置并仔细确认数据已传输到 GA4,然后再进行更改。 在专用窗口中监控数据,并根据需要进行调整,以保持洞察的新鲜度。.

方法 1:使用 Google Tag Manager 设置 GA4

通过 Google Tag Manager 安装 GA4,以便在整个数字领域进行迁移、快速集中标签,并支持通用站点架构中使用的模板。.

确保在每个页面上都安装了 GTM。 如果没有,请将容器代码段插入到您的通用站点模板中,以便它可以在所有设备上加载,并帮助覆盖所有页面。.

在GTM中,创建一个 GA4 配置 使用内置模板进行标记。输入您的 Measurement ID 并启用默认的 page_view 以开始跨节段和设备跟踪访问。.

设置触发器:针对配置代码的所有页面。添加 GA4 事件代码以用于关键互动,例如点击“site-nav__linkmain”链接、提交表单和播放视频。使用精确触发器,以便数据能够以干净的参数发送到 GA4。.

将事件映射到单一事实来源 spreadsheet or file 并将它们与四个常见案例对齐:page_view、click、form_submit 和 video_start。这有助于任何团队成员探索事件,并使他们的变更在各个部分保持协调。.

测试:启用 GTM 预览以验证代码在发布前能触发。发布后,查看 GA4 中的实时报告,以确认跟踪出现在您的数据流中。如果出现问题,请检查数据层和常规设置,以确保事件已使用预期参数发送。.

迁移提示:如果您要从其他分析工具迁移,请从该系统导出关键事件,将其映射到您模板中的 GA4 事件,并在帖子或指南中记录该映射。将模板及其映射存储在共享文件夹中,以便其所有者了解更改情况。.

持续进行:确认所有设备上的覆盖范围,并使用 GTM 工作区的四个部分(代码、触发器、变量和数据层)来保持变更的井井有条,并避免在繁忙的网站上发生冲突。每次更新后,关闭编辑器并在准备就绪时重新发布。.

检查先决条件:Google 帐户、GTM 容器和 GA4 媒体资源

如果您没有 Google 帐户,请创建一个,然后登录并按顺序为您的网站(Web)创建一个 GTM 容器和一个 GA4 媒体资源。这三者——Google 帐户、GTM 容器、GA4 媒体资源——为捕获信号和控制代码提供了不同的基础,无需触及网站代码。此设置适用于不同的网站,包括 WooCommerce 商店,并为产品相关的跟踪奠定了坚实的基础。.

在 GTM 中,创建一个具有主要名称和 Web 类型的容器,然后在您的网站上安装容器代码段。 这允许标签立即触发。 使用一种常见的方法:配置一个“页面浏览”标签、一个“菜单点击”触发器和一个 GA4 配置标签。 对于 WooCommerce 站点,设置一个 product_view 和 add_to_cart 事件以进行捕获。.

在 GA4 中,为您的网站创建一个数据流,并将 measurement_id 复制到 GTM 的 GA4 配置代码中。此设置可确保捕获事件,并且稍后可以使用自定义事件进行扩展。为标签和产品等事件参数实施宏有助于在各个事件和此次互动中保持一致性。.

在 GTM 预览模式下进行测试,以确保事件触发并被 GA4 正确捕获,然后使用 DebugView 进行确认。如果调试显示存在缺口,请检查 GTM 帐户中的安装位置和权限;完成调试步骤,并为即将到来的标记标准更新做好准备。保留对已验证内容的结构化总结。.

设置数据保留政策并满足隐私要求。在 GA4 和 GTM 中,创建一些标签来区分常见事件(page_view、click、purchase),并保持报告的长度易于管理。这有助于长期保留和更流畅的报告。.

接下来,为不同的产品页面和结账步骤定制更多事件,特别是对于 WooCommerce 商店。使用 GTM 中的安装步骤添加自定义事件,如 macro_checkout_complete 或 woocommerce_order_completed,以优化您的数据。请对您实施的内容进行简明扼要的总结,并审查保留设置和转化路径,以改进您基于宏的报告方法。更多技巧来自实际的调试和测试,因此您可以随时回来进行改进。.

创建 GA4 媒体资源和数据流

创建 GA4 媒体资源和数据流

创建 GA4 媒体资源,然后添加一个网站数据流,立即开始获取洞察。在 Google Analytics(分析)中,转到“管理”,点击“创建媒体资源”,然后填写常规详细信息:媒体资源名称、时区和币种。确认后,GA4 会建立主要衡量框架,您可以调整常规设置以满足您的需求。此步骤设置了数据收集的范围,并开始为未来的报告做准备。.

设置一个网站数据流:选择“网站”,输入您的网站网址、数据流名称,并启用增强型衡量来捕获网页浏览量、滚动、点击等。这会创建一个衡量 ID,将网站链接到 GA4,从而为数据收集启用内置控件。如果您还运行移动应用,请添加单独的应用数据流,以保持应用数据的独立性,但将其连接在单个媒体资源中。.

安装代码段或使用代码管理器:GA4提供内置代码段和GTM集成。将代码段粘贴到您的网站标头中,或通过代码管理器进行部署。该代码段如下所示: gtag('config', 'G-XXXXXXXXXX'); 将占位符替换为您实际的衡量ID。完成后,访问您的网站以验证数据是否已到达“实时报告”中。.

验证数据流并创建受众群体细分:使用实时报告确认事件已触发,并且数据已进入您的媒体资源。使用变量来捕获特定的事件参数,并为报告定制洞察分析。按行为、设备或位置构建受众群体细分,以支持定向测试和个性化消息传递。您的数据流范围决定了哪些报告可以反映您跟踪的事件。.

集成和持续优化:将您的 GA4 资源与 Google Ads、Search Console 及其他平台连接,以扩展洞察。对于点击,应用自定义类并使用 link_classes 约定进行跟踪,以丰富互动数据。这支持许多推荐的信息中心,并方便与客户共享。完成后,快速进行审核,并告知利益相关者更改的内容,使用主要报告展示跨渠道和设备的表现。.

在您的网站上安装 Google 代码管理器

安装 GTM 容器,然后按照文档中的说明放置代码块。这两部分代码段将加载到窗口中,并启用对您网站各个部分的点击和转化等指标的衡量。复制 head 脚本和 noscript iframe:将 head 脚本紧跟在 ``` <head> 标记,并将noscript iframe放在body中紧跟在开始标记之后。 <body> 标记以保持设备性能稳定。.

在 GTM 中配置代码、触发器和变量。这为将您的网站与衡量工具有机结合提供了一种集中式方法。默认配置涵盖 GA4 和 Google Ads;可以轻松添加销售里程碑、表单提交和产品交互的事件。使用 UI 添加项目,选择代码类型,选择触发器,然后保存。您可以在测试和实时之间切换,以比较结果并确保您可以在各种设备上捕获正确的数据。.

要验证设置并尽早发现问题,请使用预览模式(调试)。“预览”面板会显示哪些代码触发以及触发时间。使用搜索字段可以查找特定函数,并在您浏览网页时检查 window.dataLayer 条目。面板中的箭头可让您展开每个代码的详细信息。与手动标记不同,此方法可以保持文档整洁,并减少参与广告系列的经理的工作重复。.

Step Action Notes
1 为您的网站创建一个 Google 跟踪代码管理器帐户和容器 每个域使用单个容器;默认命名有助于跨团队共享
2 安装 GTM 代码段 将头部脚本放置在 <head> 和 noscript iframe 在 <body> 打开标签后
3 添加 GA4 代码和必要的触发器 链接到 GA4 数据流;设置事件名称,如 view_item、add_to_cart
4 预览和调试 点击预览,浏览页面,观察触发和数据层,搜索函数
5 发布并监控 发布变更,监控实时数据和转化率,变更后重新检查配置

在 GTM 中配置 GA4 配置代码

在 GTM 中使用您的 GA4 衡量 ID 创建一个 GA4 配置代码,并让它在所有页面上触发。这将为网站和应用创建一个可靠的数据基线,确保 page_view 和会话信号被一致地捕获。.

  1. 代码配置:在 GTM 中,点击“代码”>“新建”>“代码配置”>“Google Analytics: GA4 配置”。输入“衡量 ID”(G-XXXXXXXXXX),并确认 GA4 媒体资源名称与您的 GA4 媒体资源匹配。这可以确保数据在各个产品和应用之间保持一致。.

  2. 要设置的字段:保留核心字段为默认值。如果需要传递额外的上下文,可以添加 page_title 和 page_path 等字段。对于文件下载跟踪,您可以添加一个名为 file_download 的参数以及相关的值,但对于基线设置来说,这是可选的。.

  3. 发送页面浏览量:启用“加载时发送页面浏览量”,以确保在每次页面加载时自动发送初始页面信号。这减少了捕获首页展示所需的单独事件。.

  4. 触发条件:将此代码设置为在所有页面上触发。对于使用动态路由的站点,请考虑添加一个小型路由变更触发条件,以捕获单页更新。.

  5. 控制重复项:如果您替换了较旧的 GA 代码,请勿保留旧代码的启用状态。立即删除重复项,以避免指标偏差和重复计数。.

  6. 命名和图标:清晰地命名标签,例如“GA4 配置 – 主要”,并依靠图标在列表中快速识别。这有助于快速搜索,方便加入的团队成员进行分析以及轻松导航。.

  7. 测试:使用预览模式并检查 GA4 DebugView,以确认 page_view 事件在多个页面上触发。如果出现任何问题,请仔细检查衡量 ID 和数据流,然后进行更正并重新测试。.

摘要:在所有页面上配置完善的 GA4 配置代码是跨站点和应用获取准确指标的基础。在此之后,您可以添加 GA4 事件代码来记录特定操作,例如交互式产品点击或文件下载,以便在不影响核心配置的情况下丰富您的数据。将此代码视为基线,然后根据需要扩展其他事件跟踪。这种方法使事情变得简单且可扩展,并为未来的增强功能(如搜索事件或其他功能)提供清晰的路径。.

使用 DebugView 和实时报表测试并验证跟踪

使用 DebugView 和实时报表测试并验证跟踪

启用DebugView和实时报告,以便在一秒内验证跟踪情况,避免出现数据缺口。这种方法可以让你向管理层和利益相关者展示你的测量情况。.

首先,确认 GA4 代码已安装在所有页面上,并且测量 ID 正确。然后,通过添加以下代码段启用调试模式:gtag(‘config’, ‘G-XXXXXXXXXX’, { ‘debug_mode’: true }); 或使用 GA Debugger 扩展程序。此步骤可方便地检查传入的命中。.

在您的 GA4 媒体资源中打开 DebugView,并执行一些操作,例如转到页面、点击 CTA 或提交表单。DebugView 会按时间戳列出命中,并显示 event_name 和 event_params 的字段;您会在每一行旁边看到一个图标,指示命中类型。.

切换到实时报告:实时 > 在线报告;观看相同事件的出现,验证计数,并根据您期望的流程检查时间。验证关键参数,如 page_location、page_title 和任何自定义维度,以确保字段值与定义匹配。.

创建定义列表,将事件名称映射到您的业务行为,然后对照报告进行比较,以确认跟踪与您的计划相符。请注意任何值为none的项目,并相应地调整事件映射或参数名称。.

问题排查:如果事件未显示,请验证该代码是否在操作时触发,检查可能隐藏匹配的任何拦截器,并确认该衡量 ID 已安装在网页上。请注意隐私提示和同意设置,因为它们可能会暂停数据收集。.

使用此方法可以在各个资产和广告信息中心保持全局可见性;当更改生效时,您可以实时看到其影响,无需猜测。因此,您可以确信您的设置可为决策提供可靠的数据。.

快速提示:保持验证的重点明确且可操作,在更新后运行第二次检查,并维护一份你期望的简短字段值列表,即便当下没有更改发生,你也可以与团队分享发现。请记住保护用户隐私,避免在事件字段中存储个人数据。.