Google Tag Manager

Adobe Commerce功能 {width="20"} 仅在Adobe Commerce中独占的功能(了解详情)

Google Tag Manager 可帮助您管理与营销活动事件相关的许多标记(代码片段)。 Google Tag Manager 允许您向网站添加跟踪标记以测量受众,或者个性化、重新定位或执行搜索引擎营销计划。

Google Tag Manager 将数据和事件直接传输到 Google Analytics、增强的电子商务和其他第三方分析解决方案,可清楚地了解您的网站、产品和促销的表现如何。

您应该有一个 Google Analytics 和 Tag Manager 帐户,以继续此过程。 以下说明将指导您完成配置Google帐户、配置Commerce商店和创建标记的过程。

NOTE
如果您的业务受隐私法规的约束,例如 通用数据保护条例 和/或 《加州消费者隐私法案》,请参见 Google隐私设置.

步骤1. 配置您的 Google Analytics 帐户

请参阅 设置站点搜索 如需入门指南所需的基础知识,请参阅Google帮助。 另请参阅Google指南 Google AnalyticsGoogle Tag Manager.

  1. 登录到您的 Google Analytics 帐户。

  2. 要启用 Internal Site Search Tracking,请执行以下操作:

    • 导航到 Select View > View Settings.

    • 设置 Site Search TrackingOn.

    • 设置 Query 参数至 q.

    • 完成后, Save 设置。

  3. 要启用显示功能,请执行以下操作:

    • 选择 Property Settings.

    • Advertising Features,设置​ Enable Demographics and Interest Reports ​到 On.

    • Save 设置。

  4. 要启用电子商务跟踪,请执行以下操作:

    • 导航到 Select View > Ecommerce Settings.

    • 设置 Enable EcommerceOn.

    • 设置 Enable Enhanced Ecommerce ReportingOn.

    • Save 设置。

  5. 重新加载页面,并验证所有设置是否仍保留 On.

    note note
    NOTE
    如果不是所有设置 On,重复上述步骤,保存并重新加载页面。 重复此过程,直到所有设置均设置为 On.

步骤2. 配置您的 Google Tag Manager 帐户

以下说明显示如何使用基本设置配置新容器。 示例 Composer 配置(.json)文件用于简化此过程,导入可在新容器中生成标记。 对于此示例,建议创建容器,而不是修改现有容器。

NOTE
有关更多信息,请参阅Google的 集装箱导出和导入. 这些说明提供了一个演练,介绍如何在新容器中导入示例JSON。
  1. 下载链接的文件 GTM_M2_Config_json.txt,在编辑器中打开文件,并将其另存为 GTM_M2_Config.json.

    json文件直接上传到 Google Tag Manager.

  2. 导航到 Admin > Container > Import Container.

  3. 单击 Choose container file 并选择json文件。

  4. Choose workspace,单击 New.

  5. 输入标题和说明,然后单击 Save.

  6. 要导入文件,请选择以下操作之一:

    • Overwrite 应该为新容器选择选项。

    • Merge 如果您使用的是现有容器,则应选择选项。

  7. 单击 Preview 查看标记、触发器和变量。

  8. 要编辑 Google Analytics ID ,请执行以下操作:

    • 导航到 Variables > User-Defined Variables.

    • 选择 Google Analytics 并更新占位符(UA-xxxxxx-x),使用您自己的 GA ID.

  9. 按照Google的说明将标记、触发器和变量添加到新容器。

    如果您在其他要使用的容器中有设置,则可以将它们移动到新容器。

  10. 单击 Confirm 完成后。

  11. 按照Google的说明发布新容器。

步骤3. 配置您的商店

NOTE
从2.4.5版本开始,更新了Google服务集成以支持使用GTag API。 GTag是一种用于与Google网页功能集成的统一机制,它支持通过Google服务跟踪和管理内容的最新功能和机会。 欲了解更多信息,请参见 Google Analytics开发人员文档.
  1. 登录到Commerce商店的管理员。

  2. 管理员 侧栏,转到 Stores > Settings>Configuration.

  3. 在左侧面板中,展开 Sales 并选择 Google API.

  4. 展开 扩展选择器 Google Analytics 部分并配置以下内容:

    Sales配置 — Google Analytics {width="600" modal="regular"}

    • 设置 EnableYes.

    • 设置 Account typeGoogle Tag Manager.

    • Container ID 字段中,输入您的GTM ID (GTM-xxxxxx)。

    • 如果您还使用Google Analytics内容试验,请设置 启用内容试验Yes.

    • 对其余字段使用默认值。

  5. 完成后,单击 Save Config.

  6. 测试您的 Google Tag Manager 设置并验证所有组件是否正常工作。

NOTE
每个容器均与一个网站关联,每个帐户只需一个容器。 如果您有一个多站点商务实例,则需要单独的容器。

步骤4. 将GTM代码添加到Adobe Commerce应用商店

  1. 要复制GTM代码,请转到 Admin > Install Google Tag Manager.

    有两个GTM代码片段要添加到您的Commerce网站:第一个是 <head> 标记和针对的第二个 <body> 标记之前。

  2. 在Commerce管理员中,转到 Content > Design>Configuration ​并以编辑模式打开商店视图。

  3. Other Settings,展开​ HTML Head ​并粘贴您从GTM复制的代码,用于 <head> 标记中​ Scripts and Style Sheets ​字段。

    在HTML头中插入代码 {width="600" modal="regular"}

  4. 展开 Footer 并粘贴的GTM代码 <body>Miscellaneous HTML 字段。

    在页脚中插入代码 {width="600" modal="regular"}

  5. 完成后,单击 Save Configuration.

字段描述

字段
范围
描述
Enable
商店视图
确定是否可以使用Google Analytics Enhanced E-commerce分析商店中的活动。 选项: Yes / No
Account type
商店视图
确定用于监视商店活动和流量的Google跟踪代码。 选项: Google Analytics / Google Tag Manager
Anonymize IP
商店视图
确定是否从Google Analytics结果中显示的IP地址中删除标识信息。
Enable Content Experiments
商店视图
激活Google内容实验,该实验可用于测试同一页面的最多十个不同版本。 选项: Yes / No
Container Id
商店视图
如果 Google Tag Manager 已经为您的商店安装和配置,容器ID会自动显示在此字段中。
List property for the catalog page
商店视图
标识与目录页面关联的Tag Manager属性。 默认值: Catalog Page
List property for the cross-sell block
商店视图
标识与交叉销售块关联的Tag Manager属性。 默认值: Cross-sell
List property for the up-sell block
商店视图
标识与向上销售块关联的Tag Manager属性。 默认值: Up-sell
List property for the related products block
商店视图
标识与相关产品块关联的Tag Manager属性。 默认值: Related Products
List property for the search results page
商店视图
标识与搜索结果页面关联的Tag Manager属性。 默认值: Search Results
“Internal Promotions” for promotions field “Label”
商店视图
标识与内部促销标签关联的Tag Manager属性。 默认值: Label

创建标记以跟踪转化

如果您拥有Google AdWords帐户,则可以创建跟踪转化的标记。 以下示例说明如何使用这两种方法 Google Tag Manager 和 Google Analytics 创建在商店转化时触发的标记 成功 页面。

步骤1. 创建标记

  1. 登录 Google Tag Manager 帐户,然后单击为商店创建的容器的链接。

  2. New Tag 框中,单击 Add a new tag.

  3. 从您的AdWords帐户获取以下信息:

    • 转换ID
    • 转化标签

    如果您需要帮助,请访问Google的 支持站点.

  4. 从 Google Tag Manager 仪表板,单击 Google AdWords 并执行以下操作:

    • 单击标题占位符并输入新标记的名称。

    • Choose Product,选择 Google AdWords.

    • Choose a Tag Type,选择​ AdWords Conversion Tracking ​并单击​ Continue.

  5. 输入 Conversion IDConversion Label 从您的AdWords帐户访问,然后单击 Continue.

步骤2. 创建规则

继续从 Google Tag Manager 仪表板中,下一步是创建一个规则,以在转化页面上触发标记。

  1. Fire On,单击 Some Pages.

  2. Choose Pages ​部分,完成以下设置:

    • Name — 输入页面说明的名称。

    • Variable url

    • 操作 - matches RegEx

      要了解更多信息,请参阅 正则表达式和CSS选择器运算符 Google Tag Manager帮助中的。

    • Value - checkout/success.*

  3. 选中绿色复选框并单击 Save.

    您设置的触发器在“点击”部分显示为蓝色按钮。

  4. 完成后,单击 Save Tag.

步骤3. 预览和发布

该过程的下一步是预览标记。 每次预览标记时,都会保存版本的快照。 如果对结果满意,请转到要使用的版本,然后单击 Publish.

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5