更新时间：2025年6月19号随着移动端的发展，越来越多的移动端网页采用的是单页应用的形式，因为它只加载一次，用户在访问的过程中更顺畅，所以被更普遍的接受。如果要对单页应用做跟踪，需要用虚拟页面形式，实现一般是通过dataLayer或history的形式去跟踪，我们这里介绍通过dataLayer的方式去跟踪，这种方法的适用性更强，适用于所有的单页应用技术……继续阅读 » Haran 9年前 (2017-03-09) 9854浏览 4评论1个赞
更新时间：2024年4月23号这一篇介绍GTM配置设置。配置设置什么？配置设置的全称是“Google 代码：配置设置”，它的作用主要是用于设置一些重复使用的配置，作为一个变量，直接被代码所引用。哪里配置设置？有两种方式：一种是在GTM中中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「Google 代码：配置设置」……继续阅读 » Haran 9年前 (2017-01-05) 5651浏览 0评论0个赞
更新时间：2024年12月3号这一篇介绍GTM里的触发器。什么是触发器触发器是用于定位代码触发条件，只有触发器触发了，对应的代码才会执行，发送数据，每个代码必须至少有一个触发器才能触发。创建触发器在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」，就可以选择触发器：触发器的结构所有的触发器结构都如下：……继续阅读 » Haran 9年前 (2017-01-05) 11490浏览 4评论3个赞
更新时间：2025年3月14号不少人会在网站上使用第三方表单系统，然后想对表单提交做跟踪，这些第三方表单是否能够被GTM跟踪，要看第三方表单是否支持。Klaviyo Form的跟踪逻辑是：Klaviyo Form它提供一段跟踪代码去监听表单提交，代码如下：接下来看如何在GTM上设置Step 1 ：设置Klaviyo Form代码在GTM中点击「代码……继续阅读 » Haran 9年前 (2016-12-08) 6465浏览 0评论1个赞
更新时间：2024年12月8号什么是GTMGTM的全称是Google Tag Manager，中文名叫Google标签管理工具，谷歌提供的免费的标签管理工具，用于部署第三方跟踪代码，通过这个在线工具可以统一管理和发布不同的第三方营销和分析代码。GTM页面预览GTM的界面如下：主要分为三个区域：1、导航：主要是工作区、版本、管理、预览和提交2……继续阅读 » Haran 9年前 (2016-12-05) 18712浏览 5评论7个赞
更新时间：2024年5月29号这一篇介绍如何安装Google Tag Manager基础代码到网站创建GTM容器在现有账户中新建一个GTM容器，点击GTM账户右侧中那三点，会出现一个下拉菜单，选择“创建容器”：选择后会出现如下界面，在「容器名称」中输入网址或网站名字，「容器使用位置」中根据自己的实际情况选择类型，这里选择「网站」：点击「创建」后就……继续阅读 » Haran 9年前 (2016-11-25) 6354浏览 0评论3个赞
更新时间：2025年3月14号Microsoft Clarity 是一款由微软开发的完全免费且开源的热力图分析工具，源代码： github.com/microsoft/clarity，旨在帮助网站所有者了解用户如何与他们的网站互动，适用于网站优化，主要功能包括：会话录制：捕捉用户鼠标移动、点击和滚动，生成回放视频。热力图：提供点击、滚动和区域热图……继续阅读 » Haran 9年前 (2016-11-24) 9497浏览 0评论3个赞
更新时间：2025年1月19号这一篇介绍GTM里的数据层。什么是数据层GTM数据层（Data Layer）是一个JavaScript对象，它存储在网页上，用于捕捉和存储有关用户行为、页面内容和其他相关数据的信息。它充当GTM标签和网站基础代码之间的中介，提供了一种结构化、统一的方式来传递数据。 数据层的优势数据层的有如下优势：统一……继续阅读 » Haran 9年前 (2016-11-19) 9291浏览 5评论3个赞
更新时间：2023-10已出视频课程，直接看：最全面的增强型电子商务布署视频教程 将「GA小站在线课堂」虽然是在线课堂站点，但其实整个流程都是电子商务的模式，也就是可以布署增强型电商。下面就以「GA小站在线课堂」为例子，跟踪订单支付成功的数据，其实就是purchase的跟踪。「GA小站在线课堂」支持支付宝和微信支付，它们的URL是不一样的……继续阅读 » Haran 9年前 (2016-11-14) 6368浏览 0评论1个赞
更新时间：2025年2月11号Google Analytics 4 中布署电子商务其实跟UA里面的做法基本一致，不同点在于事件名称和数据层的组装数据结构。接下来我们来看电商各个环节的数据组装结构要求和在GTM中该怎么去配置，左侧是组装的数据结构，右侧是GTM的配置，如果你不知道GTM如何设置，我在另一篇文章通过Google Tag Manager布署电子……继续阅读 » Haran 9年前 (2016-11-11) 8107浏览 0评论2个赞
更新时间：2024年6月9号这次分享的是用GTM跟踪用户的复制行为，主要是用户复制页面上的一些文字，比如复制邮箱，电话。原理是通过自定义HTML注入javascript，监听用户是否有复制行为，如果有，通过dataLayer.push发送数据，复制的文本和文本长度通过数据层变量传递，发给GA4。Step 1：自定义HTML注入javascript在G……继续阅读 » Haran 9年前 (2016-10-23) 10684浏览 11评论3个赞
更新时间：2024年7月11号 通常需要区分不同渠道来源的时候一般使用UTM，其实还有另一种方式可以传递广告参数，这个需要使用GTM，同时配合用户属性来使用如果推广的url是www.ichdata.com?site=site1&banner=banner1&keyword=word1&channel_placement={{pl……继续阅读 » Haran 9年前 (2016-10-14) 4700浏览 0评论0个赞
