如何安装Google Tag Manager代码
一、功能介绍
Google Tag Manager（后文简称GTM），中文翻译为Google跟踪代码管理器，是用于统一管理所有追踪代码的平台。单次配置成功后，后续如果您要进行Google Ads、GA4、Meta Pixel代码的埋点统计，不需要再登录建站后台更改代码，是非常方便的管理工具。
如果您同时做谷歌广告投放、Facebook或ins社媒运营，建议使用此平台进行统一管理和监控。
二、功能门槛
【版本】国际版
三、配置
STEP1 创建GTM账号
登录https://tagmanager.google.com，如无账号，需创建账号
按实际情况填写，容器设置选择“网站”，保存即可
STEP2 获取GTM代码
创建成功后，进入GTM管理平台，一般情况下GTM会主动为您弹出您的代码配置，如下
如未弹起，也点击右侧GTM开头的编码，主动触发代码弹窗弹出
打开建站管理后台，在搜索优化-谷歌优化检测中，点击配置GTM。
在弹窗中，复制GTM平台提供的代码信息到建站中：
点击确定保存。
* 注：gtm的代码设置备份数据会在电脑端设计站点里，如还原电脑端设计，此数据会被清空需要重新添加，请您留意。
保存成功后，获取您的网站地址，填入GTM弹窗中，进行安装检测。
检测通过即可关闭弹窗
如未通过请您检查代码是否正确复制。
注意：后续流程针对0基础的操作指引；如您是专业人员或委托了专业公司代理，请直接点击此处查看系统的推送参数和推送方式示例。
STEP4 预创建需要的数据层变量
进入工作区-变量页面，点击新增“用户定义的变量”。
选择“数据层变量”：
根据您的业务指标，创建对应的自定义变量，如您没有确定的指标，可以全部创建（名称重复的变量仅创建一个即可）。
以下自定义数据层变量表：
业务指标 | 变量名称 |
询盘、表单成功提交 | FormName |
Form_price | |
currency | |
联系客服 | clickName |
注册 | method |
跨境电商贸易、商品销售 | currency |
value | |
ecommerce.items.0.item_id | |
ecommerce.items.0.item_name | |
ecommerce.items.0.item_variant | |
ecommerce.items.0.price | |
ecommerce.items.0.quantity | |
coupon | |
ecommerce.items.0.discount | |
customer_type | |
transaction_id | |
shipping | |
tax | |
discount |
将系统提供的变量名称分别复制粘贴到gtm中，然后点击确定即可。
重复这项工作直到把所需的数据层变量创建完成。
如您属于跨境电商场景，还需要创建一个自定义js变量：
在标题填入：js - ecommerce_items
自定义代码中填入：
function(){
try{
// 从后往前遍历dataLayer，找到包含items的数据
for(var i = window.dataLayer.length -1; i >=0; i--){
var layer = window.dataLayer[i];
// 检查是否存在ecommerce和items数组
if(layer && layer.ecommerce && layer.ecommerce.items && Array.isArray(layer.ecommerce.items)){
console.log('找到商品数据:', layer.ecommerce.items);
return layer.ecommerce.items;
}
}
console.log('未找到商品数据');
return[];
}catch(error){
console.error('GTM变量错误:', error);
return[];
}
}
保存即可。
STEP5 预创建自定义事件触发器
如需要通过gtm给第三方平台推送数据，给您需要的事件创建自定义事件。
在触发器中，点击右侧的“新建”：
选择“自定义事件”的触发器，复制您需要的事件名称到输入框：
保存即可。
系统支持的事件列表如下：
业务场景 | 包含事件 | 自定义事件名称 |
询盘、表单成功提交 | 表单提交成功 | Formsub |
按钮点击 | 按钮点击（支持2个模块：按钮模块、顶部购物车按钮） | click_btn |
联系客服 | 客服点击（支持1个模块：悬浮客服） | Contact |
注册 | 注册成功 | sign_up |
跨境贸易 | 查看商品详情（仅跨境电商） | view_item |
加入购物车（仅跨境电商） | add_to_cart | |
提交订单（仅跨境电商） | begin_checkout | |
订单支付成功（仅跨境电商） | purchase |
选择您需要的事件创建即可，例如：
如果您不确定所需的事件触发器，可以全部创建。
STEP6 保存GTM更改
点击右侧的提交代码，把最新的版本推送到生产环境。
