更新时间：2025年3月14号
Microsoft Clarity 是一款由微软开发的完全免费且开源的热力图分析工具，源代码： github.com/microsoft/clarity，旨在帮助网站所有者了解用户如何与他们的网站互动，适用于网站优化，主要功能包括：
会话录制：捕捉用户鼠标移动、点击和滚动，生成回放视频。
热力图：提供点击、滚动和区域热图……继续阅读 »
Haran
10年前 (2016-11-24) 11048浏览 0评论
3个赞
更新时间：2025年1月19号
这一篇介绍Google Tag Manager（GTM）里的数据层（Data Layer）。
什么是数据层（Data Layer）
dataLayer是一个JavaScript对象，主要作用是作为网站和GTM之间的数据传递桥梁。
通过dataLayer，你可以将网站上的页面信息、用户行为、业务属性等数据统一存放，然后由GTM……继续阅读 »
Haran
10年前 (2016-11-19) 20073浏览 5评论
4个赞
更新时间：2024年6月9号
当用户在网站上复制文字时，这通常代表他们对内容产生了较强的兴趣。例如：
复制邮箱地址准备发送邮件
复制电话号码准备拨打电话
复制优惠码、产品编号或文章内容
复制地址准备导航
这些行为虽然不会产生点击事件，但同样具有较高的分析价值。
本文介绍如何使用GTM监听用户的复制行为，并将复制内容发送到GA4。
实现原理
整体流程如下：……继续阅读 »
Haran
10年前 (2016-10-23) 12106浏览 11评论
3个赞
更新时间：2024年12月10号
认识版本
版本是容器配置在特定时间的快照。您可以随时将工作区的当前状态保存为一个版本。这样您就可以在必要时将工作区恢复到之前的版本。
需要注意，需要具备容器「批准」或「发布」级别的权限，你才可以创建和发布版本。
版本的界面预览
在Google Tag Manager（GTM）里点击「版本」，就可以看到版本的界面……继续阅读 »
Haran
10年前 (2016-09-05) 5765浏览 0评论
0个赞
在Google Tag Manager（GTM）中，「代码类型」里有一种非常灵活、也最容易被滥用的类型：自定义HTML（Custom HTML）。
它的本质是：允许你在页面中注入任意 JavaScript（或 HTML）代码
正因为足够灵活，自定义HTML通常用于 模板无法覆盖的场景，但也需要格外注意使用边界。
下面结合实际项目，介绍几种最常见、也最实用的用……继续阅读 »
Haran
10年前 (2016-06-19) 8760浏览 0评论
1个赞
更新时间：2024年7月16号
Meta Pixel（原 Facebook Pixel）是 Meta 官方提供的网站行为跟踪代码，可帮助广告主记录用户行为、统计广告转化、建立再营销受众，并为广告投放和智能优化提供数据支持。
通过GTM安装 Meta Pixel，无需修改网站源码，方便后续维护与扩展。如果网站已经完成GA4电商事件部署，还可以直接复用现有的da……继续阅读 »
Haran
10年前 (2016-04-08) 9462浏览 2评论
3个赞
