Google Tag Manager
Google Tag Manager是一个功能强大的工具,可帮助您高效地管理和部署与营销活动事件相关的各种标记(代码片段)。 Google Tag Manager使您能够向网站添加跟踪标记以测量受众,或者个性化、重新定位或执行搜索引擎营销计划。
Google Tag Manager直接将数据和事件传输到Google Analytics、增强型电子商务和其他第三方分析解决方案,以清楚地了解您的网站、产品和促销活动的执行情况。
您应该具有Google Analytics和Tag Manager帐户以继续此过程。 以下说明将指导您完成配置Google帐户、配置Commerce商店和创建标记的过程。
步骤1. 配置您的Google Analytics帐户
有关入门所需的基础知识,请参阅Google帮助中的设置网站搜索。 另请参阅Google和Google Analytics Tag Manager的Google指南。
-
登录到您的Google Analytics帐户。
-
要启用 Internal Site Search Tracking,请执行以下操作:
-
导航到 Select View > View Settings。
-
将 Site Search Tracking 设置为
On
。 -
将 Query 参数设置为
q
。 -
完成后,Save 设置。
-
-
要启用显示功能,请执行以下操作:
-
选择 Property Settings。
-
在 Advertising Features 下,将 Enable Demographics and Interest Reports 设置为
On
。 -
Save 设置。
-
-
要启用电子商务跟踪,请执行以下操作:
-
导航到 Select View > Ecommerce Settings。
-
将 Enable Ecommerce 设置为
On
。 -
将 Enable Enhanced Ecommerce Reporting 设置为
On
。 -
Save 设置。
-
-
重新加载页面,并确认所有设置仍为
On
。note note NOTE 如果并非所有设置都是 On
,请重复上述步骤,保存并重新加载页面。 重复此过程,直到所有设置都设置为On
。
步骤2. 配置您的Google Tag Manager帐户
以下说明显示如何使用基本设置配置新容器。 使用示例Composer配置(.json)文件简化流程,导入文件以在新容器中生成标记。 对于此示例,建议创建容器,而不是修改现有容器。
-
下载链接的文件GTM_M2_Config_json.txt,在编辑器中打开该文件,并将其另存为
GTM_M2_Config.json
。json文件已直接上传到Google Tag Manager。
-
导航到 Admin > Container > Import Container。
-
单击 Choose container file 并选择json文件。
-
在 Choose workspace 下,单击 New。
-
输入标题和说明,然后单击 Save。
-
要导入文件,请选择以下操作之一:
-
应该为新容器选择 Overwrite 选项。
-
如果您使用现有容器,则应选择 Merge 选项。
-
-
单击 Preview 以查看标记、触发器和变量。
-
要编辑变量中引用的 Google Analytics ID,请执行以下操作:
-
导航到 Variables > User-Defined Variables。
-
选择 Google Analytics 并使用您自己的 GA ID 更新占位符(
UA-xxxxxx-x
)。
-
-
按照Google的说明将标记、触发器和变量添加到新容器。
如果您在其他要使用的容器中有设置,则可以将它们移动到新容器。
-
完成后,单击 Confirm。
-
按照Google的说明发布新容器。
步骤3. 配置您的商店
-
登录到Commerce商店的管理员。
-
在 管理员 侧边栏上,转到 Stores > Settings>Configuration。
-
在左侧面板中,展开 Sales 并选择 Google API。
-
展开
-
将 Enable 设置为
Yes
。 -
将 Account type 设置为
Google Tag Manager
。 -
在 Container ID 字段中,输入您的GTM ID (
GTM-xxxxxx
)。 -
如果您还使用Google Analytics进行内容实验,请将 启用内容实验 设置为
Yes
。 -
对其余字段使用默认值。
-
-
完成后,单击 Save Config。
-
测试您的Google Tag Manager设置并验证所有设置是否均可正常工作。
字段描述
Yes
/ No
Google Analytics
/ Google Tag Manager
Yes
/ No
Catalog Page
Cross-sell
Up-sell
Related Products
Search Results
Label
创建标记以跟踪转化
如果您拥有Google AdWords帐户,则可以创建跟踪转化的标记。 以下示例显示如何使用Google Tag Manager和Google Analytics创建在存储区转化 Success 页面上触发的标记。
步骤1. 创建标记
-
登录到您的Google Tag Manager帐户,然后单击您为商店创建的容器的链接。
-
在 New Tag 框中,单击 Add a new tag。
-
从您的AdWords帐户获取以下信息:
- 转换ID
- 转化标签
如果需要帮助,请访问Google的支持网站。
-
在Google Tag Manager仪表板中,单击 Google AdWords 并执行以下操作:
-
单击标题占位符并输入新标记的名称。
-
在 Choose Product 下,选择 Google AdWords。
-
在 Choose a Tag Type 下,选择 AdWords Conversion Tracking 并单击 Continue。
-
-
输入你的AdWords帐户中的 Conversion ID 和 Conversion Label,然后单击 Continue。
步骤2. 创建规则
从Google Tag Manager仪表板继续,下一步是创建在转化页面上触发标记的规则。
-
在 Fire On 下,单击 Some Pages。
-
在 Choose Pages 部分中,完成以下设置:
-
Name — 输入页面描述的名称。
-
Variable
url
-
操作 -
matches RegEx
若要了解更多信息,请参阅Google Tag Manager帮助中的正则表达式和CSS选择器运算符。
-
Value -
checkout/success.*
-
-
选中绿色复选框并单击 Save。
您设置的触发器在“点击”部分显示为蓝色按钮。
-
完成后,单击 Save Tag。
步骤3. 预览和发布
该过程的下一步是预览标记。 每次预览标记时,都会保存版本的快照。 如果对结果满意,请转到要使用的版本,然后单击 Publish。
使用JavaScript自定义HTML标记
本节介绍如何将CSP Nonce添加到自定义HTML标记JavaScript以在签出页面上执行,确保符合内容安全策略(CSP)要求。 此新增功能通过阻止执行未经授权的脚本来增强站点安全性。 有关详细信息,请参阅内容安全策略文档。
cspNonce
全局变量导入Google Tag Manager。步骤1. 创建CSP Nonce变量
您可以创建一个CSP Nonce变量,该变量可通过导入变量配置或手动配置在Google Tag Manager中使用。
导入变量配置
CSP Nonce变量包含在示例容器GTM_M2_Config_json.txt中。 您可以通过将此代码导入工作区来创建变量。
手动创建变量
如果无法导入变量配置,请完成以下步骤以创建该配置。
- 在工作区中,导航到侧栏中的 变量 部分。
- 单击 用户定义的变量 部分页面底部的 新建 按钮。
- 命名变量
gtmNonce
。 - 单击铅笔图标以编辑变量。
- 从 页面变量 部分中选择 JavaScript变量。
- 在 全局变量名称 字段中,输入
window.cspNonce
。 - 保存变量。
要了解有关Google Tag Manager变量的更多信息,请参阅Google文档中的Web的用户定义变量类型。 该文档提供了有关创建和管理自定义变量的详细指导,以便根据特定的营销和分析需求定制标记管理。
步骤2. 创建自定义HTML标记
-
在工作区中,导航到侧栏中的 标记 部分。
-
单击 新建 按钮。
-
在 标记配置 部分中,选择 自定义HTML标记。
-
在文本区域中输入所需的JavaScript,然后向开头
<script>
标记添加一个nonce属性,该属性指向您在上一步中创建的变量。 例如:code language-html <script nonce="{{gtmNonce}}"> // Your JavaScript code here </script>
-
选择 Support document.write。
-
在 正在触发 部分中,选择所需的触发器。 例如,同意初始化 — 所有页面。
有关Google Tag Manager中标记的更多信息,请参阅Google文档中的自定义标记。