我一直是用 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

參考：

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