更新时间:2024年12月11号
这一篇介绍Google Tag Manager服务端布署,需要注意,目前Google Tag Manager和Adobe Launch的服务端部署是用境外的服务器或数据中心,国内服务器不适用,所以,面向国内用户的可以忽略,会有法律风险,有出海需求的可以考虑。
这里介绍的用Stape实现Google Tag Manager服务端布署。
认识Stape
Stape是一家服务端GTM的SAAS提供商,使用Stape可以快速实现服务端GTM的布署,而且价格相比自备服务器也少很多。
原理
Stape的原理示意图如下:
在这个过程中会用到两个GTM:一个服务端GTM,也就是sGTM,一个是普通GTM,也就是网站GTM。
布署演示
创建sGTM
在GTM里创建服务端GTM,选择“手动配置的服务器”,获取容器配置aWQ9R1RNLU1WNURYV0dXJmVudj0xJmF1dGg9VkVuQnBETUl4ZXI0VnBzMkhEZlh2QQ==,这个将用于Stape里配置。
Stape配置sGTM
在Stape里点击「sGTM」——「Create container」:
- Container name:自定义一个容器名称,这个是Stape里的容器
- Container configuration:将上一步的容器配置aWQ9R1RNLU1WNURYV0dXJmVudj0xJmF1dGg9VkVuQnBETUl4ZXI0VnBzMkhEZlh2QQ==填入
- Servers location:服务端GTM的服务器的位置,没有中国,也就是对于面向国内用户的网站不适用
最后点击「Create Container」,后面会让你选择订阅的版本,可以先选择免费的体验版,有需要可以升级付费的。
配置服务器容器网址
在Stape里 Domains (Tagging Server URLs)做如下设置:
获取CNAME记录,在服务器后台的CND解析里做CNAME配置。
免费版Stape的只能配置一个CNAME,如果你使用付费版,建议配置两个,一个用于GTM的加载,一个用于GA4数据的接收。
接下来再服务端GTM里做点击「管理」——「容器设置」里服务器容器网址做如下设置,表示GTM从哪里加载:
创建网站GTM和做配置
创建一个普通GTM,也就是网站GTM,容器ID是GTM-NW7D7DV,下一步会用到。
同时配置一个GA4跟踪的代码GA4-Basic Tracking,重点在server_container_url,表示数据发送到哪里,值是gtm.ichdata.com,:
安装sGTM基础代码
在Stape里点击「Power-Ups」——「Custom Loader」,然后做如下设置:
- Domain:填入服务器容器网址,gtm.ichdata.com
- Web GTM ID:填入普通GTM,也就是上一步GTM-NW7D7DV
点击「Generate」后会生两段基础跟踪代码,结构和安装方式平常的GTM的是一样,将其安转到网站。
配置sGTM
客户端
在sGTM里点击「客户端」——「新建」,然后做如下设置:
在「更多设置」里是设置FPID的,直接默认的就可以,延伸阅读:FPID:第一方设备ID
变量
在sGTM里点击「变量」——「配置」,勾选Event Name和Client Name。
触发器
在sGTM里点击「变量」——「触发器」,然后做如下设置:
代码
在sGTM里点击「变量」——「代码」,然后做如下设置:
这个设置的作用是所有的事件都发送给GA4,不做限制。
sGTM预览调试
在sGTM里点击「预览」调试:
可以看到事件正常触发。
可以看到GTM是从gtm.ichdata.com加载:
可以看到GA4数据是发送到gtm.ichdata.com:
Cookie里可以看到FPID:
延伸阅读:FPID:第一方设备ID