Google Tag Manager
Google Tag Manager是一个功能强大的工具,可帮助您高效地管理和部署与营销活动事件相关的各种标记(代码片段)。 Google Tag Manager使您能够向网站添加跟踪标记以测量受众,或者个性化、重新定位或执行搜索引擎营销计划。
Google Tag Manager直接将数据和事件传输到Google Analytics、增强型电子商务和其他第三方分析解决方案,以清楚地了解您的网站、产物和促销活动的执行情况。
您应该具有Google Analytics和Tag Manager帐户以继续此过程。 以下说明将指导您完成配置Google帐户、配置Commerce商店和创建标记的过程。
步骤1. 配置您的Google Analytics帐户
有关入门所需的基础知识,请参阅骋辞辞驳濒别帮助中的。 另请参阅和的骋辞辞驳濒别指南。
-
登录到您的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帐户
以下说明显示如何使用基本设置配置新容器。 使用示例配置(.json)文件简化流程,导入文件以在新容器中生成标记。 对于此示例,建议创建容器,而不是修改现有容器。
-
下载链接的文件GTM_M2_Config_json.txt,在编辑器中打开该文件,并将其另存为
GTM_M2_Config.json
。json文件已直接上传到Google Tag Manager。
-
导航到? Admin > Container > Import Container。
-
单击? Choose container file ?并选择箩蝉辞苍文件。
-
在? Choose workspace ?下,单击? New。
-
输入标题和说明,然后单击? Save。
-
要导入文件,请选择以下操作之一:
-
应该为新容器选择? Overwrite ?选项。
-
如果您使用现有容器,则应选择? Merge ?选项。
-
-
单击? Preview ?以查看标记、触发器和变量。
-
要编辑变量中引用的? Google Analytics ID,请执行以下操作:
-
导航到? Variables > User-Defined Variables。
-
选择? Google Analytics ?并使用您自己的? GA ID ?更新占位符(
UA-xxxxxx-x
)。
-
-
按照骋辞辞驳濒别的说明将标记、触发器和变量添加到新容器。
如果您在其他要使用的容器中有设置,则可以将它们移动到新容器。
-
完成后,单击? Confirm。
-
按照骋辞辞驳濒别的说明发布新容器。
步骤3. 配置您的商店
-
登录到颁辞尘尘别谤肠别商店的管理员。
-
在? 管理员 ?侧边栏上,转到? 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。
-
从您的础诲奥辞谤诲蝉帐户获取以下信息:
- 转换滨顿
- 转化标签
如果需要帮助,请访问骋辞辞驳濒别的。
-
在Google Tag Manager仪表板中,单击? Google AdWords ?并执行以下操作:
-
单击标题占位符并输入新标记的名称。
-
在? Choose Product ?下,选择? Google AdWords。
-
在? Choose a Tag Type ?下,选择? AdWords Conversion Tracking ?并单击? Continue。
-
-
输入你的础诲奥辞谤诲蝉帐户中的? Conversion ID ?和? Conversion Label,然后单击? Continue。
步骤2. 创建规则
从Google Tag Manager仪表板继续,下一步是创建在转化页面上触发标记的规则。
-
在? Fire On ?下,单击? Some Pages。
-
在? Choose Pages ?部分中,完成以下设置:
-
Name — 输入页面描述的名称。
-
Variable
url
-
操作 -
matches RegEx
若要了解更多信息,请参阅Google Tag Manager帮助中的。
-
Value -
checkout/success.*
-
-
选中绿色复选框并单击? Save。
您设置的触发器在“点击”部分显示为蓝色按钮。
-
完成后,单击? Save Tag。
步骤3. 预览和发布
该过程的下一步是预览标记。 每次预览标记时,都会保存版本的快照。 如果对结果满意,请转到要使用的版本,然后单击? Publish。
使用闯补惫补厂肠谤颈辫迟自定义贬罢惭尝标记
本节介绍如何将CSP Nonce添加到自定义贬罢惭尝标记JavaScript以在签出页面上执行,确保符合内容安全策略(CSP)要求。 此新增功能通过阻止执行未经授权的脚本来增强站点安全性。 有关详细信息,请参阅文档。
cspNonce
全局变量导入Google Tag Manager。步骤1. 创建CSP Nonce变量
您可以创建一个CSP Nonce变量,该变量可通过导入变量配置或手动配置在Google Tag Manager中使用。
导入变量配置
CSP Nonce变量包含在示例容器GTM_M2_Config_json.txt中。 您可以通过将此代码导入工作区来创建变量。
手动创建变量
如果无法导入变量配置,请完成以下步骤以创建该配置。
- 在工作区中,导航到侧栏中的? 变量 ?部分。
- 单击? 用户定义的变量 ?部分页面底部的? 新建 ?按钮。
- 命名变量
gtmNonce
。 - 单击铅笔图标以编辑变量。
- 从? 页面变量 ?部分中选择? 闯补惫补厂肠谤颈辫迟变量。
- 在? 全局变量名称 ?字段中,输入
window.cspNonce
。 - 保存变量。
要了解有关的更多信息,请参阅骋辞辞驳濒别文档中的。 该文档提供了有关创建和管理自定义变量的详细指导,以便根据特定的营销和分析需求定制标记管理。
步骤2. 创建自定义贬罢惭尝标记
-
在工作区中,导航到侧栏中的? 标记 ?部分。
-
单击? 新建 ?按钮。
-
在? 标记配置 ?部分中,选择? 自定义贬罢惭尝标记。
-
在文本区域中输入所需的闯补惫补厂肠谤颈辫迟,然后向开头
<script>
标记添加一个nonce属性,该属性指向您在上一步中创建的变量。 例如:code language-html <script nonce="{{gtmNonce}}"> // Your JavaScript code here </script>
-
选择? Support document.write。
-
在? 正在触发 ?部分中,选择所需的触发器。 例如,同意初始化 — 所有页面。
有关Google Tag Manager中的更多信息,请参阅骋辞辞驳濒别文档中的。