【實戰】從零開始學習Google Tag Manager - 入門篇

1815 閱讀 0 評論 0 點贊

Google Tag Manager這是一個非常好用的代碼管理工具，可以極大的簡化我們的工作，提高效率。

今天我們從以下4個方面來講：

1. 什么是GTM，為什么要使用GTM

2. 如何部署GTM

3. 簡單案例 - 如何使用GTM部署GA代碼

4. 如何使用GTM進行參數調優

Google Tag Manager是什么

Google Tag Manager中文名叫谷歌代碼管理系統，簡稱GTM，是一個幫助我們簡單快速的在網站和APP上添加代碼的工具。

為什么要使用GTM？

（1）使用這個工具可以非常簡單的添加代碼，不需要每次再找技術去做，可以極大的簡化我們的工作和提高工作效率。

（2）使用GTM在一定程度上也可以提高我們的網站速度。因為GTM是一步加載的，可以加載更快。

（3）方便我們管理多種代碼和多個網站，除了部署代碼簡單外，看起來也很清晰，方便修改。

如何部署GTM

首先打開Google Tag Manager的網址：

tagmanager.google.com

登錄Google賬號

點擊右上角創建賬號

設置賬號名稱

設置容器名稱

同意協議

創建完成后需要我們安裝代碼。按照要求分別安裝下面的2段代碼

安裝好以后只要代碼沒問題GTM就部署好了。如果想要檢查一下是否正確安裝了，可以使用Chrome插件：Ghostery

在谷歌瀏覽器中安裝Ghostery后，打開剛才安裝代碼的網站，在Detailed View部分，如果出現Google Tag Manager就是GTM部署成功了。

簡單案例 - 如何使用GTM部署GA代碼

有2種方法：

直接添加自定義代碼
使用內置代碼模板

我們先看第一種

直接添加自定義代碼

在工作區點擊新建代碼

設置代碼名稱，并點擊選擇代碼類型

選擇自定義HTML代碼

添加統一版代碼

GA代碼版本簡介

GA代碼發展經歷了經典版- 統一版 - 全局版的發展

17年年底Google Analytics推出了全局版的跟蹤代碼，現在我們在后臺媒體資源- 跟蹤代碼看到的都是全局版的跟蹤代碼。

不同的版本引用的函數和調用的方法不同。如果大家要使用GTM，建議大家使用統一版的跟蹤代碼，因為全局版代碼現在和GTM還沒有實現完全整合。

不知道去哪里找全局版代碼的可以直接復制粘貼下面的代碼，把其中的UA-XXXXX-Y替換成自己的GA跟蹤ID就可以了。

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>