Google Tag Manager這是一個(gè)非常好用的代碼管理工具,可以極大的簡(jiǎn)化我們的工作,提高效率。


      今天我們從以下4個(gè)方面來(lái)講:


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

      2. 如何部署GTM

      3. 簡(jiǎn)單案例 - 如何使用GTM部署GA代碼

      4. 如何使用GTM進(jìn)行參數(shù)調(diào)優(yōu)

      01

      Google Tag Manager是什么

      Google Tag Manager中文名叫谷歌代碼管理系統(tǒng),簡(jiǎn)稱GTM,是一個(gè)幫助我們簡(jiǎn)單快速的在網(wǎng)站和APP上添加代碼的工具。


      為什么要使用GTM?


      (1)使用這個(gè)工具可以非常簡(jiǎn)單的添加代碼,不需要每次再找技術(shù)去做,可以極大的簡(jiǎn)化我們的工作和提高工作效率。


      (2)使用GTM在一定程度上也可以提高我們的網(wǎng)站速度。因?yàn)镚TM是一步加載的,可以加載更快。


      (3)方便我們管理多種代碼和多個(gè)網(wǎng)站,除了部署代碼簡(jiǎn)單外,看起來(lái)也很清晰,方便修改。


      02

      如何部署GTM

      首先打開Google Tag Manager的網(wǎng)址:


      tagmanager.google.com


      登錄Google賬號(hào)


      點(diǎn)擊右上角創(chuàng)建賬號(hào)


      設(shè)置賬號(hào)名稱


      設(shè)置容器名稱


      同意協(xié)議


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


      安裝好以后只要代碼沒(méi)問(wèn)題GTM就部署好了。如果想要檢查一下是否正確安裝了,可以使用Chrome插件:Ghostery

      在谷歌瀏覽器中安裝Ghostery后,打開剛才安裝代碼的網(wǎng)站,在Detailed View部分,如果出現(xiàn)Google Tag Manager就是GTM部署成功了。


      03

      簡(jiǎn)單案例 - 如何使用GTM部署GA代碼

      有2種方法:


      1. 直接添加自定義代碼

      2. 使用內(nèi)置代碼模板


      我們先看第一種


      1. 

      直接添加自定義代碼


      在工作區(qū) 點(diǎn)擊新建代碼


      設(shè)置代碼名稱,并點(diǎn)擊選擇代碼類型


      選擇自定義HTML代碼


      添加統(tǒng)一版代碼


      GA代碼版本簡(jiǎn)介


      GA代碼發(fā)展經(jīng)歷了 經(jīng)典版- 統(tǒng)一版 - 全局版的發(fā)展


      17年年底Google Analytics推出了全局版的跟蹤代碼,現(xiàn)在我們?cè)诤笈_(tái)媒體資源- 跟蹤代碼看到的都是全局版的跟蹤代碼。


      不同的版本引用的函數(shù)和調(diào)用的方法不同。如果大家要使用GTM,建議大家使用統(tǒng)一版的跟蹤代碼,因?yàn)槿职娲a現(xiàn)在和GTM還沒(méi)有實(shí)現(xiàn)完全整合。


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


      <!-- Google Analytics -->
      <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>
      <!-- End Google Analytics -->



      接下來(lái)設(shè)置觸發(fā)條件。GA代碼是要在所有網(wǎng)頁(yè)上部署的,所以觸發(fā)條件選擇 All Pages


      然后點(diǎn)擊右上角的提交


      點(diǎn)擊發(fā)布


      點(diǎn)擊繼續(xù)

      發(fā)布完成


      到這里使用自定義代碼部署GA就完成了。簡(jiǎn)單來(lái)說(shuō),就是添加代碼,設(shè)置代碼觸發(fā)條件,發(fā)布。


      接下來(lái)我們看第二種方法,使用GTM內(nèi)置代碼模板。


      2. 

      使用GA內(nèi)置代碼模板


      還是先點(diǎn)擊新建代碼


      設(shè)置代碼名稱,選擇代碼類型。代碼類型選擇 Google Analytics(分析)- Universal Analytics


      新建變量


      設(shè)置變量,輸入跟蹤ID,點(diǎn)擊保存


      接下來(lái)設(shè)置觸發(fā)條件為All Pages, 然后保存


      保存之后提交,發(fā)布就可以了。


      04

      如何使用GTM進(jìn)行參數(shù)調(diào)優(yōu)


      1. 

      ForceSSL


      這個(gè)參數(shù)如果網(wǎng)站使用的是HTTP就需要做,如果是HTTPS就不需要做。


      因?yàn)楣雀柙?015年的時(shí)候已經(jīng)將所有網(wǎng)站升級(jí)到了https。如果我們網(wǎng)站是http,數(shù)據(jù)要上傳到https,會(huì)有一個(gè)跳轉(zhuǎn)。跳轉(zhuǎn)一是需要時(shí)間,二是可能有數(shù)據(jù)丟失。但是我們強(qiáng)制轉(zhuǎn)成https的話,可以省掉跳轉(zhuǎn),提高數(shù)據(jù)準(zhǔn)確度


      2. 

      SiteSpeedSampleRate


      網(wǎng)站速度抽樣比例設(shè)置。GA默認(rèn)的是跟蹤1%的用戶,這樣我們網(wǎng)站的用戶數(shù)和瀏覽數(shù)越大,我們得到的數(shù)據(jù)也會(huì)越不準(zhǔn)確,所以我們需要進(jìn)行設(shè)置,把比例設(shè)置成100%,也就是所有的用戶都跟蹤


      3. 

      SampleRate 


      抽樣率,表示對(duì)多大比例的用戶進(jìn)行抽樣。這個(gè)默認(rèn)值是100%,但是網(wǎng)站流量大了以后會(huì)降低抽樣率,所以我們也手動(dòng)設(shè)置成100,保證所有數(shù)據(jù)都采集


      接下來(lái)我們看一下這3個(gè)參數(shù)如何設(shè)置。


      我們?cè)谏弦徊绞褂脙?nèi)置代碼模板設(shè)置GA代碼的時(shí)候新建了一個(gè)變量,名字為 GA跟蹤代碼。


      點(diǎn)擊左側(cè)變量 - 用戶定義的變量,選擇名字為“GA跟蹤代碼”的這個(gè)變量


      點(diǎn)擊跟蹤ID,再點(diǎn)擊下面的更多設(shè)置 – 要設(shè)置的字段 – 添加字段


      分別添加以上3個(gè)字段


      添加完點(diǎn)擊保存就可以了


      以上就是GTM的介紹,部署和參數(shù)調(diào)優(yōu)方法。還沒(méi)有使用Google Tage Manager的朋友可以自己創(chuàng)建一個(gè)賬號(hào),熟悉一下工作區(qū),我們下次再分享其他的內(nèi)容。



      點(diǎn)贊(0) 打賞

      評(píng)論列表 共有 0 條評(píng)論

      暫無(wú)評(píng)論

      服務(wù)號(hào)

      訂閱號(hào)

      備注【拉群】

      商務(wù)洽談

      微信聯(lián)系站長(zhǎng)

      發(fā)表
      評(píng)論
      立即
      投稿
      返回
      頂部