× 說心事 政治時事 生活 運動 汽車 機車 自行車 相機 科技 理財 旅遊美食 娛樂 健康 美麗時尚 人際關係 文學故事 《思書》
吃喝玩樂 《思書》


Tracking: 用 google tag manager 比 google analytics 好


紅寶鐵軌客
來關注...
關注/停止關注:紅寶鐵軌客
關注有什麼好處?:當作者有新文章發佈時,「思書」就會自動通知您,讓您更容易與作者互動。
×
現在就加入《思書》,你就可以關注本作者了!
《思書》是一個每個人的寫作與論壇平台,特有的隱私管理,讓你寫作不再受限,討論更深入真實,而且免費。 趕快來試試!
還未加入《思書》? 現在就登錄! 已經加入《思書》── 登入
Rails 使用中,折磨中,享受中......
34   0  
2019/05/02


我一直是用 google analytics 來了解網站的流量與使用者使用的狀況,大型的專案,就會自己再寫一個流量的監控與統計,自己寫的目的倒不見得是為了流量的監控,很多時候,是為了要做一些客製化的客戶通知、或是特別的商品銷售統計用,直到,我最近為了一個客戶的行銷要求,將 Google tag manager 裝上後,我才發現,我早就應該要用 tag manager 了。

如果您還沒有使用 Google Tag Manager (GTM):

我的建議就是:你應該立刻安裝使用,它可以跟 google analytics (GA) 做很完美的結合的,事實上,我的建議也是與 GA 合用,未來,更可以與 google 或其他流量監控服務連結,這對未來網路行銷是很重要的。不要再只用 GA 了。

GTM 的運作觀念

GTM 就是使用一個 Javascript 來監控使用者目前瀏覽中的網頁,如果有任何改變(例如:點選連結、Popup 跳出、表單送出等等⋯⋯),就可以觸動一個標籤(Tag)的動作,而這個動作是可以變成一個 GA 的 event,當然,也可以是其他流量監控服務。

GTM vs GA

GA 當然很厲害了,最大的優點就是它很簡單使用,如果你只要知道 page view,使用 GA 真是再簡單不過了,但是,如果你要在 GA 中,要監控一個動作,例如購物車被點擊的次數,這時,最一般的做法就是寫一個 GA 的 event 觸發,這也很簡單,就是一個小小的 ga('send', ...) 呼叫,這樣,你就可以知道這個網站上,購物車被點擊了幾次,這一切都很棒,直到有一天:

  1. 你會發現你的網站上,到處都是 ga('send', ...) ,是的,它會影響效率,是的,你已經忘了它在那裡。
  2. 每天被行銷部門煩死,也天天被罵,一天到晚都要加 ga('send', ...) ,而且行銷部門要的數字與報告都是「昨天」,你能加上的 ga('send', ...) 都是「明天」,永遠都是「急件」!

裝上 GTM 後,就可以跟這兩件事告別了,因為:GTM 的 tag 管理可以交由行銷部門,除非這個 tag 加不上去,需要你加一個 HTML 的 Id,你再也不會被行銷部門煩死了。  是的,GTM 也會影響效率,但是它漂亮的完整列在 GTM 的 Tag 列表中,不需要用到後,在 GTM 管理頁面中,移除就好,再也不會 ga('send', ...) 泛濫成災了,我有點後悔太晚用 GTM 了。

GTM 的安裝

安裝 GTM 在一般的網站上也很簡單,在 Google tag manager 上登錄後,就依照它的指示,在 body 跟 head 中加上相對應的程式碼就好了,記住:都放在最上面,這也是 google 的建議,畢竟,它要越早執行越好。

如何在 Rails 上的安裝使用,如果你沒有使用 Turbolinks,那就跟一般網站一樣簡單,但是,如果不幸的,你有使用 turbolinks,那就有點麻煩了,

  1. 你還是要在 application.html.erb 中,在 body 跟 head 中加上相對應的 GTM 程式碼,
  2. 加上一個 Turbolinks GMT 啟動的 Javascript:
    • $(document).on('page:change', function(){
        dataLayer.push({
          'event':'pageview',
          'virtualUrl': window.location.pathname
        });
      });
  3. 在 GTM 中,依照這篇文章(Google Tag Manager for SPA,加上 GTM 的變數與 Tag 

理論上,應該就會動了,但是,我真不完全確定,這是 google 開發的,只有 google 能確定,我後來還為了裝 GTM 把 Turbolinks 給移除了,詳細的原因我寫在這,有空再看吧,這跟本文的 GTM 沒有太大關係。

Turbolinks 實例:最後一根稻草,我終於跟 Turbolinks 說再見了 — 上個禮拜,我可愛的客戶有個要求,他們要追蹤一個行銷活動的點擊,以前我都是自己直接寫在網站後台,或是用 Google Analytics...
Scrivinor 思書: 紅寶鐵軌客

GTM 的使用

使用 GTM 很簡單,但是,要把 GTM 用到好,是一門學問了,不過目前 GTM 的使用已經是一個網路行銷的標準工具了,很多網路行銷人都已經會使用,雖然,他們對 HTML 並不十分了解,但是我發現他們有另外一種解釋與使用的方式,一樣可以把 GTM 用得很順,以下是一些我覺得對使用上很有幫助的文章,大家自己也可以網上找,很多 GTM 使用介紹的。

Google Tag Manager 教學:第一次裝Google Analytics就上手 — ~
awoo成長駭客行銷誌

Google Tag Manager 教學

無痛轉移 GA to GTM

Guide to Google Tag Manager Debug Console — Through Google Tag Manager preview and debug console window, you can make sure that your tags, triggers, variables and data layers work as expected. By default, what you actually preview and debug is the deployment of the current container draft on your website. Optimize Smart

GTM preview/debug console 使用密技

你在使用 GTM preview/debug console 時,一定會碰到要追蹤一個連結,但是一點連結,整個網頁就跳轉,GTM preview/debug console 內的數值都重置了,這怎麼辦?如何才能追蹤一個連結呢?

答案很簡單,按 <control> 或是 <command> 讓連結產生在瀏覽器的另一個 tab 上,這樣,你就可以看到這個點擊的連結,到底觸發了什麼,也可以觀察到那些 HTML Id/classes 跟變數被抓到了,江湖一點訣,說穿了,真不值錢啊。

  

參考:

Googletagmanager with Turbolinks — Can someone explain how should we properly integrate Googletagmanager with Turbolinks? On normal pages we just copy/paste this code immediatelly after after the opening tag. <!-- Google Tag Stack Overflow


喜歡作者的文章嗎?馬上按「關注」,當作者發佈新文章時,思書™就會 email 通知您。

思書是公開的寫作平台,創新的多筆名寫作方式,能用不同的筆名探索不同的寫作內容,無限寫作創意,如果您喜歡寫作分享,一定要來試試! 《 加入思書》

思書™是自由寫作平台,本文為作者的個人立場與意見。


文章資訊

本文摘自:
分類於:
標籤:
合計:454字


分享:
關於作者

很久以前就是個「寫程式的」,其實,什麼程式都不熟⋯⋯
就,這會一點點,那會一點點⋯⋯




參與討論!
×
現在就加入《思書》,馬上參與討論!
《思書》是一個每個人的寫作與論壇平台,特有的隱私管理,用筆名來區隔你討論內容,讓你的討論更深入,而且免費。 趕快來試試!
還未加入《思書》? 現在就登錄! 已經加入《思書》── 登入