这一节要介绍的是：如何检测 Google Analytics 4（GA4）和Google Tag Manager（GTM）的跟踪代码是否被浏览器或用户主动屏蔽。
在真实环境中，并不是所有访问你网站的用户都会被成功追踪。特别是使用Chrome浏览器的用户，随着Google不断强化隐私与广告控制能力，一部分用户可能会：
开启浏览器自带的广告/跟踪拦截
安装广告……继续阅读 »
Haran
9年前 (2017-06-27) 7452浏览 0评论
4个赞
通过GTM设置Cookie（写入Cookie）
在Google Tag Manager（GTM）建立一个自定义HTML，使用如下代码去设置Cookie。
解释：
SameSite=Lax：符合浏览器安全要求
Secure：HTTPS 必须加
max-age：过期时间（秒）
会影响整个网站（path=/）
触发器：根据业务需要，例如：表单成功……继续阅读 »
Haran
9年前 (2017-06-27) 9964浏览 4评论
1个赞
更新时间：2024年6月19号
将网页添加到浏览器收藏夹，通常意味着用户认为该页面具有较高价值，希望以后再次访问。对于内容型网站、技术博客、知识库等网站来说，这是一项具有参考意义的用户行为。
本文将介绍如何使用GTM监听页面添加浏览器收藏夹的操作，并将事件发送到GA4进行统计分析。
需要说明的是，由于浏览器安全机制的限制，我们无法判断用户是否最终完成收藏，因……继续阅读 »
Haran
9年前 (2017-06-20) 7797浏览 2评论
2个赞
更新时间：2024年11月28号
认识Contact Form 7
Contact Form 7 ，简称CF7，是wordpress里非常受欢迎的一款免费的表单插件， 它简单易用，可以自定义各式各样不同类型的表单功能
原理
Contact Form 7提供有一些Dom Event，GTM可以通过监听这些事件，当监听到这些事件的时候，在通过dat……继续阅读 »
Haran
9年前 (2017-06-15) 9166浏览 2评论
1个赞
在浏览器隐私限制日益严格、广告拦截器普及的环境下，传统依赖前端JavaScript的数据采集方式正面临越来越多的挑战，数据丢失、隐私合规风险以及页面性能负担，已成为企业在数据分析与广告归因中无法忽视的问题。
在这样的背景下，服务端跟踪（Server-Side Tracking）逐渐成为更可靠的解决方案，有如下优点：
优点一：显著提升数据准确性
传统客户端跟踪……继续阅读 »
Haran
9年前 (2017-05-19) 6669浏览 0评论
1个赞
更新时间：2024年4月23号
为了减少重复配置、统一管理参数，GTM提供了两种可在多个Google代码（Google Tag）之间共享的变量：
Google 代码：配置设置
Google 代码：事件设置
通过这两种变量，可以将公共配置集中维护，提高管理效率，也能避免多个标签之间配置不一致。
Google 代码：配置设置
什么是配置设置？
Googl……继续阅读 »
Haran
9年前 (2017-05-13) 8711浏览 0评论
1个赞
这一篇介绍Google Tag Manager（GTM）里文件夹。
认识文件夹
文件夹是于管理代码、触发器和变量。
随着时间的推移，容器会不断增多，导致难以跟踪所有的代码、触发器和变量配置。要简化这些项目的使用，可通过跟踪代码管理器文件夹对这些项目进行整理，形成各个逻辑分组，如：
文件夹使用示例
创建空文件夹
在GTM里点击……继续阅读 »
Haran
9年前 (2017-04-13) 5645浏览 0评论
0个赞
更新时间：2024年12月9号
认识工作区
工作区可以同时为容器创建多组更改。
团队成员可以在各自的工作区中使用这些更改独立开发和发布自己的代码配置，如Team A可以在工作区1配置，Team B可以在工作去2配置，发布的时候可以只发布自己的代码，而不会互相影响。
工作区数量限额
每个容器会有一个默认工作区。
对于免费版的GTM：还可以创建两……继续阅读 »
Haran
9年前 (2017-04-12) 9307浏览 4评论
1个赞
更新时间：2024年12月8号
在使用Google Tag Manager（GTM）进行网站数据追踪时，环境（Environments） 是一个非常容易被忽略、但在企业级项目中极其重要的功能。
通过环境功能，你可以在同一个 GTM 容器 中区分不同的网站运行阶段，例如开发、测试、验收和正式环境，从而实现标准化、可控的数据与标签发布流程。
什么是GTM的环境（……继续阅读 »
Haran
9年前 (2017-04-11) 7301浏览 0评论
1个赞
更新时间：2024年4月28号
在Google Tag Manager（GTM）中，可以将现有的容器配置导出，然后再导入到其他的容器中，利用这个可以导入别人的配置，看别人的怎么使用GTM或复制同样的配置到其他站点，导入和导出的方法非常简单。
导出容器
在「管理」中的容器下选择「导出容器」，如：
然后选择版本，一般选择当前版本：
然后就就进入……继续阅读 »
Haran
9年前 (2017-03-17) 7369浏览 0评论
4个赞
更新时间：2025年6月25日
这一篇介绍Google Analytics 4（GA4）对单页应用(SPA)做跟踪。
什么是单页应用（SPA）
单页应用（Single Page Application，简称 SPA） 是一种现代Web应用架构。
与传统网站不同，SPA在用户第一次访问时，会加载页面所需的主要HTML、CSS和JavaScript。之后用户在站……继续阅读 »
Haran
10年前 (2017-03-03) 29159浏览 4评论
1个赞
更新时间：2025年3月14号
很多网站会使用第三方表单工具，例如Klaviyo Form、HubSpot Form、Typeform、Mailchimp Form、Jotform
这些第三方表单通常不是网站原生 <form> 标签，因此GTM默认的表单提交触发器不一定能够识别。
是否能够跟踪第三方表单提交，主要取决于该工具是否提供：
Java……继续阅读 »
Haran
10年前 (2016-12-08) 7487浏览 0评论
1个赞
