欢迎访问我的博客,有问题可以在任意文章底部留言评论

用Stape实现Google Tag Manager服务端布署

服务端跟踪 Haran 1年前 (2024-12-11) 2715次浏览 0个评论
文章目录[隐藏]

更新时间:2024年12月11号

本文将介绍Google Tag Manager(GTM)服务端部署(sGTM) 的一种实现方式——通过Stape进行托管部署。

认识Stape

用Stape实现Google Tag Manager服务端布署

Stape是一家专注于Server-Side GTM的SaaS服务提供商。通过Stape,你无需自行购买云服务器或维护Docker环境,即可快速完成sGTM的部署与使用。

Stape的优势

  • 部署速度快:无需配置 Google Cloud、Docker、负载均衡
  • 成本低:约200美元/月即可支持2000万次请求,对大多数中小型及出海企业已完全足够
  • 运维门槛低:HTTPS、域名映射、扩容由平台处理

相比自建服务器,Stape是性价比非常高的入门级sGTM方案。

sGTM工作原理说明(重要)

Stape的原理示意图如下:

用Stape实现Google Tag Manager服务端布署

在这个过程中会用到两个GTM:

  • 服务端GTM(sGTM):负责接收来自网站的数据,转发数据至GA4、Google Ads等平台。
  • 普通GTM(Web GTM):部署在网页中,负责事件触发、调试与发送数据到sGTM

数据流向是:网站 → Web GTM → sGTM → 第三方平台

部署演示:一步步实现sGTM(Stape)

创建服务端GTM(sGTM)

在GTM里创建服务端GTM,选择“手动配置的服务器”,获取容器配置aWQ9R1RNLU1WNURYV0dXJmVudj0xJmF1dGg9VkVuQnBETUl4ZXI0VnBzMkhEZlh2QQ==,这个将用于Stape里配置,用于绑定sGTM容器。

在Stape中创建sGTM容器

Stape里点击「sGTM」——「Create container」:用Stape实现Google Tag Manager服务端布署

配置项说明:

  • Container name:自定义一个容器名称,(仅用于 Stape 内部)
  • Container configuration:将上一步的容器配置aWQ9R1RNLU1WNURYV0dXJmVudj0xJmF1dGg9VkVuQnBETUl4ZXI0VnBzMkhEZlh2QQ==填入
  • Servers location:服务端GTM的服务器的位置,目前Stape的服务器是没有中国,也就是对于面向国内用户的网站不适用,因为数据会发送到境外

最后点击「Create Container」,后面会让你选择订阅的版本,可以先选择免费的体验版,后续再升级付费方案。

 

配置服务器容器域名(CNAME)

Stape里 Domains (Tagging Server URLs)做如下设置:

用Stape实现Google Tag Manager服务端布署

获取CNAME记录,在服务器后台的CND解析里做CNAME配置。

免费版Stape的只能配置一个CNAME,如果你使用付费版,建议配置两个,一个用于GTM的加载,一个用于GA4数据的接收。

 

接下来再服务端GTM里做点击「管理」——「容器设置」里服务器容器网址做如下设置,表示GTM的js从哪里加载

用Stape实现Google Tag Manager服务端布署

 

创建并配置网站GTM(Web GTM)

创建一个普通GTM,也就是网站GTM,容器ID是GTM-NW7D7DV,下一步会用到。

同时配置一个GA4跟踪的代码GA4-Basic Tracking,重点在server_container_url,表示数据发送到哪里,值是gtm.ichdata.com,:用Stape实现Google Tag Manager服务端布署

 

安装sGTM专用基础代码(非常关键)

Stape里点击「Power-Ups」——「Custom Loader」,然后做如下设置:

用Stape实现Google Tag Manager服务端布署

  • Domain:填入服务器容器网址,gtm.ichdata.com
  • Web GTM ID:填入普通GTM,也就是上一步GTM-NW7D7DV

点击「Generate」后会生两段基础跟踪代码,结构和安装方式平常的GTM的是一样,将其安转到网站。

 

配置sGTM内部逻辑

客户端(Client)

sGTM里点击「客户端」——「新建」,然后做如下设置:

用Stape实现Google Tag Manager服务端布署

在「更多设置」里是设置FPID的,直接默认的就可以,延伸阅读:FPID:第一方设备ID

sGTM里点击「客户端」——「新建」,然后做如下设置:

用Stape实现Google Tag Manager服务端布署

 

这一步配合上一步「安装sGTM基础代码」,它的作用是从子域上gtm.ichdata.com加载gtm.js。

  • 压缩 HTTP 响应 :尽量压缩Google请求的大小
  • 启用针对特定区域的设置:限制特定的区域才这样执行

变量

sGTM里点击「变量」——「配置」,勾选Event Name和Client Name。

触发器

sGTM里点击「变量」——「触发器」,然后做如下设置:

用Stape实现Google Tag Manager服务端布署

代码

sGTM里点击「变量」——「代码」,然后做如下设置:用Stape实现Google Tag Manager服务端布署

这个设置的作用是所有的事件都发送给GA4,不做限制。

 

sGTM 预览与验证

sGTM里点击「预览」调试:

用Stape实现Google Tag Manager服务端布署

可以看到事件正常触发。

 

可以看到GTM是从gtm.ichdata.com加载:

用Stape实现Google Tag Manager服务端布署

可以看到GA4数据是发送到gtm.ichdata.com:

用Stape实现Google Tag Manager服务端布署

 

Cookie里可以看到FPID:

用Stape实现Google Tag Manager服务端布署

延伸阅读:FPID:第一方设备ID

 

数据效果测试

在一个电商网站中,收集200万会话数据测试

  • 直接GTM:googletagmanager.com/gtm.js(标准脚本)
  • 服务端跟踪:sgtm.ichdata.com/gtm.js(GTM代理,后面是gtm.js,还是有被浏览器屏蔽的风险) 数据提升2.56%
  • 服务端跟踪:sgtm.ichdata.com/49cg6jbvszzri.js(使用Stape Custom Loader,将路径匿名化规避屏蔽)数据提升3.84%

这就是服务端跟踪的数据作用,数据提升2~4%。

 

总结

通过 Stape 实现 sGTM,可以在不增加运维负担的前提下,快速获得服务端跟踪能力,包括:更稳定的数据采集,更好的隐私合规控制和更少的前端脚本负担

但需要再次强调:sGTM并非适合所有网站,仅适用于有海外用户或出海业务的场景。

 

参考资料


有疑问可以在底部留言
喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址