在您的 EdCommerce 网站上安装跟踪和代码片段代码

Last updated: October 9, 2026

要将代码片段集成到您的网站中，通常需要遵循以下步骤：

第 1 步。获取代码片段

从您要集成的服务或平台中找到并复制代码片段。这可能包括跟踪像素、聊天小部件、表单嵌入代码或服务提供的任何其他代码。

如果您尝试安装 Google Tag Manager 代码或 Meta Pixel，请参阅下面的专门章节：

  • 安装 Meta Pixel
  • 安装 Google Tag Manager

第 2 步。将代码片段添加到 EdCommerce

向 EdCommerce 添加脚本非常简单，您只需进入集成区域，然后点击“添加脚本代码”。

请按以下方式填写脚本集成字段：

  • 名称：为您的代码片段添加名称。您可以使用所集成工具的名称。
  • 插入到：Head 或 Body（这取决于您所集成服务的说明）。
  • 代码：复制您在其他应用平台上找到的相应代码片段，并将其粘贴到此处。

第 3 步：仔细检查您的集成是否正常工作

确保集成正常工作的过程可能因您所集成的平台而异。务必查看您正在使用的服务或平台提供的具体集成说明，因为其中可能包含集成其代码片段的其他要求或建议。

安装 Google Tag Manager

第 1 步 - 从 Google Tag Manager 获取代码片段

首先，请登录您的 Google Tag Manager 账户，网址为 <https://tagmanager.google.com>

登录后，您会看到与您的账户关联的容器列表。选择您想要使用的容器，或为 EdCommerce 创建一个新容器。

选择容器后，打开它以访问其内容。在容器概览中，在顶部栏菜单中找到容器 ID 并点击它（通常以 GTM-XXX 开头）。

您会找到两个代码片段：一个用于网站的 <head> 部分，另一个用于 <body> 部分。对于 EdCommerce，我们只使用 <head> 部分中的代码。

第 2 步。将代码片段添加到 EdCommerce

将代码片段添加到 EdCommerce 非常简单，您只需进入集成区域，然后点击“添加脚本代码”。

请按以下方式填写脚本集成字段：

  • 名称：为您的代码片段添加名称，例如 Google Tag Manager。
  • 插入位置：Head （我们不会将正文用于 Google Tag Manager）
  • 代码：将您在 Google Tag Manager 中找到的相应“header”代码片段复制到此处。

第 3 步：验证您的 Google Tag Manager 是否正常运行

验证安装是否正确完成的最简单方法是安装Chrome 网上应用店中的 Google Tag Assistant Chrome 扩展程序。

然后，按照以下步骤操作：

  1. 在 Google Chrome 中打开您的网站。
  2. 点击 Chrome 工具栏中的 Tag Assistant 扩展程序图标。
  3. 将出现一个弹出窗口。点击“启用”开始录制。
  4. 浏览您的网站并执行会触发您在 Google Tag Manager 中设置的标签的操作。
  5. 完成操作后，再次点击 Tag Assistant 扩展程序图标。
  6. Tag Assistant 将分析每个页面上触发的标签，并提供报告。
  7. 查看报告中是否有与您的 Google Tag Manager 设置相关的错误或警告。

Tag Assistant 报告将显示您的 Google Tag Manager 容器中的标签是否正确触发，或者是否存在任何问题。请确保在您的网站上测试各种场景，以确保所有所需的标签都按预期触发。

此外，您还可以查看 Google Analytics 中的“实时”部分，以确认是否正在接收来自您网站的数据。如果您在 EdCommerce 网站上执行操作时看到 Google Analytics 中出现实时数据，则表明您的 Google Tag Manager 正在正确地向 Google Analytics 发送数据。

安装 Meta Pixel

如果您已经使用 IMG 标签设置了 Meta Pixel，或计划这样做，我们建议您遵循 Facebook 的开发者文档。

在本文中，我们将向您展示如何在您的 EdCommerce 网站上设置和安装 Meta Pixel。要在开始之前详细了解该像素，请查看安装 Meta Pixel 的好处。

如果您已经创建了 Meta Pixel 并想查找您的像素基础代码，请跳转到 第 2 步：将您的像素添加到 EdCommerce。

第 1 步：创建并设置您的 Meta Pixel

  1. 前往事件管理工具。
  2. 点击连接数据源，然后选择 网页。
  3. 选择 Meta Pixel，然后点击连接。
  4. 添加您的 Pixel 名称。
  5. 输入您的网站网址，以检查简单设置选项。
  6. 点击继续。

\您可以在 [Meta 商务帮助中心.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)中找到更多信息。

第 2 步。将您的像素添加到 EdCommerce

您将手动将 Meta Pixel 添加到 EdCommerce，因此需要从 Meta 事件管理工具复制脚本，并将其粘贴到 EdCommerce 网站的页眉中。

向 EdCommerce 添加脚本非常简单，您只需访问您的集成区域，然后点击“添加脚本代码”

按如下方式填写脚本集成字段：

  • 名称：为您的脚本添加一个名称，例如 Meta Pixel 或 Facebook Pixel
  • 插入到：页眉 （我们不会将正文用于 Meta Pixel）
  • 代码：将您在 Meta 事件管理工具中找到的代码复制到此处。

然后点击“保存”。

第 3 步：仔细检查您的 Meta Pixel 是否正常运行

要检查您的 Facebook Pixel 是否已正确连接并正常运行，您可以按照以下步骤操作：

  1. 在 https://business.facebook.com 登录您的 Facebook 商务管理平台帐户。
  2. 在左侧边栏中转到“数据源”选项卡。
  3. 在“像素”部分下，您应该会看到列出的 Facebook Pixel。如果已连接并正常运行，旁边会有一个绿色圆点，表示它处于活动状态。
  4. 点击您的 Pixel 名称以访问其设置和更多详细信息。
  5. 在 Pixel 设置中，您可以查看正在跟踪的事件，检查是否存在错误或警告，并查看 Pixel 的近期活动。