设置 Google Analytics - Webflow 帮助

Last updated on 10/22/2025@mrbirddev

将 Google Analytics 添加到您的 Webflow 网站。

Webflow 的 Google Analytics 集成使用 Google Tag Gateway (GTG) 来减少广告拦截器的影响，并确保更准确、一致的数据收集。此更新目前正在推出，并将在接下来的几周内继续进行。

您可以将 Google Analytics 添加到您的网站，以获取有关用户行为的宝贵信息。Google Analytics 提供强大的指标，例如您的网站获得了多少用户和页面浏览量、网站流量的来源（甚至到城市）、人们在您网站上停留的时间，以及有多少人在不点击其他链接的情况下离开网站页面（跳出率）。

Google Analytics 指标帮助企业确定在哪里投资营销资金并衡量活动效果。

如何使用 Webflow 应用的 Google 网站工具将 Google Analytics 集成添加到您的网站

您可以使用 Webflow 应用的 Google 网站工具将 Google Analytics、Tag Manager 和 Search Console 连接到您的网站，并在 Designer 中查看常见的网站指标。了解有关安装和使用 Webflow 应用的 Google 网站工具的更多信息。

如何将 Google Analytics 集成添加到您的 Webflow 网站

您可以将 Google Analytics 集成添加到您的网站，以跟踪有关网站访问者行为的数据和信息。

Webflow 目前仅接受 Google Analytics 4 测量 ID。如果您从未通过 Webflow 的集成在您的网站上设置 Google Analytics，请按照以下步骤操作。

如果您的网站使用了Universal Analytics，但尚未在Webflow中设置，您需要先迁移到Google Analytics 4。请参阅Google关于将GA4属性添加到Universal Analytics网站的文档。

如果您之前在Webflow中设置了Universal Analytics，请按照迁移到GA4的步骤。

将集成添加到您的网站

请参阅Google的文章为网站和/或应用设置Analytics
创建属性后选择Web平台
在步骤3中，按照说明添加数据流
在步骤4中，按照为网站设置数据收集中的说明找到您的G- ID
复制您的"G-"测量ID

您的测量ID应以"G-"开头，并区分大小写。

在Webflow中完成以下步骤：

转到网站设置 > 集成标签 > Google Analytics
在字段中粘贴您的测量ID
点击保存更改
发布您的网站

集成Google Analytics不需要付费网站或工作区计划。然而，添加其他自定义代码需要[付费计划](https://webflow.com/pricing)。

如何跟踪电子商务事件

如果您启用了Webflow电子商务并设置了Analytics集成，Webflow会自动跟踪电子商务事件，如查看产品、添加到购物车和购买。

在Google Analytics 4中启用电子商务跟踪以接收这些事件。

如何测试您的网站与Google Analytics之间的连接

浏览您的网站，进入Google Analytics报告，选择实时。如果您的网站在另一个标签页中打开，实时会显示您的当前活动。

Google Analytics 数据需要时间来收集。可能要到收集后的第二天才能获得洞察。

资源： 跟踪外部链接指南

将 Google Analytics 4 添加到您网站的自定义代码中

为避免重复的跟踪脚本，请仅将您的 GA4 标签添加到以下之一：

网站设置 > 集成选项卡 > Google Analytics
您网站的头部代码

如何从 Universal Analytics 迁移到 Google Analytics 4

Google 于 2023 年 7 月 1 日弃用了 Universal Analytics。尽快迁移到 GA4。

按照 Google 的 GA4 设置助手。
使用 GA4 属性名称设置您的 GA4 属性。
在“收集网站和应用数据”中——使用网站的说明。
在“查找您的 G- ID”说明中找到您的“G-”测量 ID。
复制您的“G-”测量 ID。

测量 ID 区分大小写。

回到 Webflow：

转到网站设置 > 集成选项卡 > Google Analytics
粘贴您的测量 ID
点击保存更改
发布您的网站

分析集成不需要付费计划；其他自定义代码需要付费计划。

如何从您的 Google Analytics 集成中移除 Universal Analytics 跟踪代码

如果您的提示框中有“UA-”跟踪ID，您可以移除Universal Analytics跟踪：

网站设置 > 集成选项卡 > Google Analytics
点击移除跟踪
在弹出框中确认移除
发布您的网站

您无法撤销此移除操作。

如果您的Google Analytics集成ID以“G-”开头

如果您的集成选项卡显示“G-”ID，您正在使用GA4。重新保存您的测量ID并重新发布以防止数据缺失。

Google Analytics 4 电子商务事件

如果您之前使用analytics.js进行Universal Analytics

如果您之前使用analytics.js进行Universal Analytics且未启用全局站点标签，您的电子商务事件将不会传递到Google Analytics。迁移到GA4后，在Google Analytics 4中启用电子商务跟踪。

如果您有自定义事件，请使用Google的事件迁移指南。

如果您之前使用gtag.js进行Universal Analytics

如果启用了全局站点标签，迁移后Google Analytics 4将继续跟踪电子商务事件。

由于Universal Analytics已被弃用，您将无法在该仪表板中看到电子商务事件。

有关自定义事件迁移，请参考Google的事件迁移指南。

从Universal Analytics迁移标记事件到Google Analytics 4

如果您在Webflow中使用了Universal Analytics并启用了gtag.js，您可能可以迁移现有标记。

如果您使用了analytics.js，您需要使用gtag.js重新创建您的事件。

了解更多关于连接站点标签的信息。

本文内容

返回 webflow 帮助

Last updated on 10/22/2025@mrbirddev