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 AnalyticsGoogle Tag Manager的Google指南。

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

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

    • 导航到​ Select View > View Settings

    • 将​ Site Search Tracking ​设置为On

    • 将​ Query ​参数设置为q

    • 完成后,Save ​设置。

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

    • 选择​ Property Settings

    • 在​ Advertising Features ​下,将​ Enable Demographics and Interest Reports ​设置为On

    • Save ​设置。

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

    • 导航到​ Select View > Ecommerce Settings

    • 将​ Enable Ecommerce ​设置为On

    • 将​ Enable Enhanced Ecommerce Reporting ​设置为On

    • 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 ​并使用您自己的​ GA ID ​更新占位符(UA-xxxxxx-x)。

  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 ​部分并配置以下内容:

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

    • 将​ Enable ​设置为Yes

    • 将​ Account type ​设置为Google Tag Manager

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

    • 如果您还使用Google Analytics进行内容实验,请将​ 启用内容实验 ​设置为Yes

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

  5. 完成后,单击​ Save Config

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

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

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

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

    有两个GTM代码段要添加到Commerce网站: <head>标记的第一个,以及<body>标记的第二个。

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

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

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

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

    在页脚中插入代码 {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创建在存储区转化​ Success ​页面上触发的标记。

步骤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. 输入你的AdWords帐户中的​ Conversion ID ​和​ Conversion Label,然后单击​ Continue

步骤2. 创建规则

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

  1. 在​ Fire On ​下,单击​ Some Pages

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

    • Name — 输入页面描述的名称。

    • Variable url

    • 操作 - matches RegEx

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

    • Value - checkout/success.*

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

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

  4. 完成后,单击​ Save Tag

步骤3. 预览和发布

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

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