更新时间：2025年1月11号
Google Tag Manager（GTM）的基础代码，也称为容器代码，是嵌入在网页中的一个小片段。它允许你通过 GTM 管理和部署各种标签（如 Google Analytics、广告跟踪、自定义 JavaScript 等），而无需直接修改网站源代码。
GTM基础代码结构
GTM基础代码通常是一个JavaScript片段，结……继续阅读 »
Haran
9年前 (2017-03-20) 7142浏览 0评论
2个赞
更新时间：2024年4月28号
在Google Tag Manager（GTM）中，可以将现有的容器配置导出，然后再导入到其他的容器中，利用这个可以导入别人的配置，看别人的怎么使用GTM或复制同样的配置到其他站点，导入和导出的方法非常简单。
导出容器
在「管理」中的容器下选择「导出容器」，如：
然后选择版本，一般选择当前版本：
然后就就进入……继续阅读 »
Haran
9年前 (2017-03-17) 6781浏览 0评论
4个赞
更新时间：2024年4月23号
这一篇介绍Google Tag Manager（GTM）配置设置。
配置设置什么？
Google 代码：配置设置主要用于管理网站或应用中重复使用的 GA4 配置参数。通过配置设置变量，可以一次性定义好各种通用参数，然后在不同跟踪代码中直接引用，无需每次都重复配置。
优点：
减少重复代码，提高维护效率
统一参数管理，避免不同页……继续阅读 »
Haran
9年前 (2017-01-05) 6245浏览 0评论
0个赞
更新时间：2024年12月3号
这一篇介绍Google Tag Manager（GTM）里的触发器。
什么是触发器
触发器是用于定位代码触发条件，只有触发器触发了，对应的代码才会执行，发送数据，每个代码必须至少有一个触发器才能触发。
创建触发器
在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」，就可以选择触发器：
触……继续阅读 »
Haran
9年前 (2017-01-05) 12743浏览 4评论
3个赞
更新时间：2024年6月9号
不少人会在网站上使用第三方表单系统，然后想对表单提交做跟踪，这些第三方表单是否能够被GTM跟踪，要看第三方表单是否支持。
这一节介绍Gravity Forms，Gravity Forms是有API支持GTM去做表单跟踪的，以为https://www.gravityforms.com/open-support-ticket/gen……继续阅读 »
Haran
9年前 (2016-12-23) 9283浏览 0评论
3个赞
更新时间：2025年3月14号
不少人会在网站上使用第三方表单系统，然后想对表单提交做跟踪，这些第三方表单是否能够被Google Tag Manager（GTM）跟踪，要看第三方表单是否支持。
Klaviyo Form的跟踪逻辑是：Klaviyo Form它提供一段跟踪代码去监听表单提交，代码如下：
接下来看如何在GTM上设置
Step 1 ：设置Klavi……继续阅读 »
Haran
9年前 (2016-12-08) 7030浏览 0评论
1个赞
更新时间：2024年12月8号
GTM是什么
Google Tag Manager（GTM），中文名叫Google标签管理工具，谷歌提供的免费的标签管理工具，用于部署第三方跟踪代码，通过这个在线工具可以统一管理和发布不同的第三方营销和分析代码。
GTM页面预览
GTM的界面如下：
主要分为三个区域：
导航：主要是工作区、版本、管理、预览和提交
功能：主要……继续阅读 »
Haran
9年前 (2016-12-05) 21985浏览 5评论
7个赞
更新时间：2024年5月29号
这一篇介绍如何安装Google Tag Manager（GTM）基础代码到网站，这种安装方式适用于所有的网站。
创建GTM容器
在现有账户中新建一个GTM容器，点击GTM账户右侧中那三点，会出现一个下拉菜单，选择“创建容器”：
选择后会出现如下界面，在「容器名称」中输入网址或网站名字，「容器使用位置」中根据自己的实际情况选择……继续阅读 »
Haran
9年前 (2016-11-25) 6978浏览 0评论
3个赞
更新时间：2025年3月14号
Microsoft Clarity 是一款由微软开发的完全免费且开源的热力图分析工具，源代码： github.com/microsoft/clarity，旨在帮助网站所有者了解用户如何与他们的网站互动，适用于网站优化，主要功能包括：
会话录制：捕捉用户鼠标移动、点击和滚动，生成回放视频。
热力图：提供点击、滚动和区域热图……继续阅读 »
Haran
9年前 (2016-11-24) 10404浏览 0评论
3个赞
更新时间：2025年1月19号
这一篇介绍Google Tag Manager（GTM）里的数据层（Data Layer）。
什么是数据层（Data Layer）
dataLayer是一个JavaScript对象，主要作用是作为网站和GTM之间的数据传递桥梁。
通过dataLayer，你可以将网站上的页面信息、用户行为、业务属性等数据统一存放，然后由GTM……继续阅读 »
Haran
9年前 (2016-11-19) 18669浏览 5评论
4个赞
更新时间：2025年12月10日
已出视频课程，直接看：最全面的增强型电子商务布署视频教程
虽然「GA小站在线课堂」是一个在线课程网站，但其购买流程本质上与一般电商一致，因此完全可以部署 GA4 的 增强型电子商务（Enhanced Ecommerce），尤其是 Purchase（订单支付成功） 事件。
本篇以 GA 小站在线课堂为例，说明如何在用户 支付成……继续阅读 »
Haran
9年前 (2016-11-14) 7326浏览 0评论
1个赞
更新时间：2025年2月11号
本文介绍如何通过 Google Tag Manager（GTM） 布署GA4电商跟踪，覆盖产品展示、点击、购物车、结算和支付全生命周期。
GA4电商布署方式
根据网站类型和安装方式，GA4电商布署主要有三种：
SAAS系统插件：适合无源码权限的建站平台，只能通过系统插件实现
gtag方式布署：如果没有使用GTM安装GA4，直……继续阅读 »
Haran
9年前 (2016-11-11) 8733浏览 0评论
2个赞
