免费咨询 free consult icon
back to top
文章分类

GTM代码是什么?基础功能介绍及实作示范,轻松追踪网站数据!

2023-08-07
Google 代码管理工具(Google Tag Manager, 以下简称 GTM) 为Google所提供的一套代码管理系统在网站设置完代码后,网站分析师与行销人员便透过 GTM 轻易地将各种追踪程式码以及第三方 应用工具安装到网站中,让追踪和管理都在同一个平台完成。

为什么要用GTM?

1. 简化代码置入流程 GTM 可将种类繁多的追踪代码,如: Google Analytics、Google Ads、Facebook Pixel、Google Optimize 或其他第三方工具等整合在一起并可统一进行管理,可以有效节省代码置入时间并简化其流程。
2.提升网页载入速度 网页载入速度(page load time) 为影响SEO因素之一。当网站后台埋入大量追踪代码时,会大幅度增加网页载入速度,影响 SEO成效,严重的话甚至会导致伺服器超载。利用 GTM 可避免将代码直接写入网页的 html,从而提升载入速度优化使用者体验。
3.减少埋设错误发生 如果在网站后台直接加入追踪码,无论是Google Analytics、Google Ads、Facebook Pixel,若想检验网站的埋码是否成功,就必须要发布网站后才可以进行测试。 使用GTM进行代码安装管理,可在发布前先利用GTM 所提供的预览模式进行侦错,即时调整。同时GTM发布是以版本做纪录,更新代码发现有误,也能还原到初始埋设的版本进行重新设定。

构成GTM的基本要素

GA分析的5种主要流量管道
1. 帐户 (Account) 帐户 (Account)为 GTM 中最高的层级,一个帐户便可管理帐户下所有的网站,多个代码也可利用容器(containers),同时追踪不同网站行销成效。
2. 容器 (Container) 容器(Container)为放置代码(Tag)的地方,一个帐户中至少会有一个容器,容器可存放多组代码(Tag)跟触发器( Trigger ),设定触发All pages,就不需要在每个网页都放入程式追踪码,就可进行全网页使用者行为追踪,能有效节省埋设代码的时间成本。
3. 代码 (Tag) 代码标签(Tag)为负责收集相关讯息的程式码,这些片段的程式码各自具有不同的用途,用于收集用户的特定行为进行数据的判读与分析。
4. 触发条件 (Trigger) 触发条件(Trigger) 由变数(Variables)、运算符号(Operators)与值(Values)所组成。使用者可以根据想要追踪的目标选择类型,例如:网页浏览、网页点击、网页元素可见度、网页表单提交、网页纪录变更、JavaScript 错误、网页卷动、网页计时器、网页影片(例如YouTube)、自订触发事件等等。

实作示例

Step 1:建立帐户
Step 2:容器设定
Step 3.a:安装 Google 管理工具 (后台置入程式码)
利用Google 扩充工具Tag Assistant Legacy(by Google)检测代码是否安装成功
能看到标签表示安装成功
Step 3.b: Wordpress 网站 外挂 (免程式码,简易使用)
于Wordpress 外挂搜寻 Site Kit by Google 安装并启用。
Wordpress后台,开启左边的 Site Kit 外挂,点选 Start setup。
点选 Sign in with Google 登入 Google 帐号
允许 Site Kit 取得帐号授权。
验证Google,让Google可以把GTM的HTML代码放入wordpress 网站中。
允许 Site-kit 可以读取及显示 Google 分析数值在外挂版面上
设定wordpress网站与Google Search Console 连接,设定好可于外挂版面进行查看
设定wordpress网站与Google Analytics 连接,点击 Next 进行设定
点选 继续,允许网站存取 Google 帐号
勾选使用者条约即可完成Google Analytics设定,点击Go to my Dashboard 查看
点击Setting,查看连接状况,Connected表示连接成功
Step 4:代码设定
可选择常用的代码类型进行设定,如:Google Analytics 或 Google Ads等
Step 5:选择触发条件
可设定代码触发条件,如:网页浏览、点击及使用者参与等
Step 6: 点击『提交』完成GTM设定
点击预览可确认代码埋设状况,点击提交即可进行发布

结论

Google Tag Manager 是一个功能强大且易上手的标签管理工具,就算你是程式码小白也可以帮助你快速的更新或新增网站上的代码,尤其是对于行销人员更是一大管理利器。 如果想要了解更多资讯,或是在导入的过程当中碰到问题,欢迎填写【 询问表单 】或【 联系我们 】,我们提供免费线上专人咨询服务,为您解决您的燃眉之急。

这篇文章对你有帮助吗?马上分享给朋友↓↓↓


延伸阅读

建立品牌網站的必要性,在數位時代掌握市場商機! 2023-09-11
主机代管是什么?3分钟快速了解主机代管服务 2023-09-04
智能客服带来的5大好处|品牌实际案例分享 2023-08-31
一篇看懂ICP、ICP备案、ICP证是什么?网站进军中国市场必看! 2023-08-28
什麽是IDC机房?挑选机房5大重点一次就搞懂! 2023-08-24
EDM行销有什么优点?与简讯行销比一比 2023-08-21
CN2线路是什么?3分钟带你了解种类与特色 2023-08-10
GTM代码是什么?基础功能介绍及实作示范,轻松追踪网站数据! 2023-08-07
2023年最新Google Analytics教学! 认识5种流量来源与4大报表 2023-08-03
接码平台及服务解析:解决验证码接收烦恼,让操作更便捷! 2023-07-31
云端平台怎么选,经营大陆市场推荐哪个平台? 2023-07-24
网站经营必备数据秘书Google Search Console教学 2023-07-17
CDN是什么?你该使用CDN服务的4个理由! 2023-06-15
SaaS服务是什么?软体即服务优势与运用案例分享 2023-05-15
云端主机 vs. 虚拟主机:哪种选择更符合您的需求? 2023-03-01
OTP验证码是什么?如何应用让网站会员系统更安全? 2023-02-28
国际简讯有哪些用途?利用精准行销有效提升转换 2023-02-26
AI语音有助客服行销吗? 4种情境带你了解高效的行销工具 2023-02-24
云端伺服器是什么?一篇看懂与传统伺服器差异 2023-02-24
使用苹果MAC系统架设WordPress网站 2023-02-01
Windows云主机架设WordPress网站 2023-02-01
雲端服務是什麼?帶你快速了解3大模式 2023-01-05
立即体验
  1. 国际SMS/语音服务
  2. 接码/筛号服务