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

Google Tag Manager Haran 2周前 (12-11) 128次浏览 0个评论
文章目录[隐藏]

更新时间:2024年12月11号

这一篇介绍Google Tag Manager服务端布署,需要注意,目前Google Tag Manager和Adobe Launch的服务端部署是用境外的服务器或数据中心,国内服务器不适用,所以,面向国内用户的可以忽略,会有法律风险,有出海需求的可以考虑。

这里介绍的用Stape实现Google Tag Manager服务端布署。

认识Stape

Stape是一家服务端GTM的SAAS提供商,使用Stape可以快速实现服务端GTM的布署,而且价格相比自备服务器也少很多。

原理

Stape的原理示意图如下:

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

在这个过程中会用到两个GTM:一个服务端GTM,也就是sGTM,一个是普通GTM,也就是网站GTM

布署演示

创建sGTM

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

Stape配置sGTM

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

 

  • Container name:自定义一个容器名称,这个是Stape里的容器
  • Container configuration:将上一步的容器配置aWQ9R1RNLU1WNURYV0dXJmVudj0xJmF1dGg9VkVuQnBETUl4ZXI0VnBzMkhEZlh2QQ==填入
  • Servers location服务端GTM的服务器的位置,没有中国,也就是对于面向国内用户的网站不适用

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

 

配置服务器容器网址

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

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

 

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

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

 

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

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

 

创建网站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

客户端

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

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

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

变量

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


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

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