google.tagmanager 在單頁面中的實踐
在上一篇文章中說了下基礎的 tagmanager 怎麼使用入口在這裡
下面是我遇到的一些問題，以及處理方法，可能有些有問題，或者處理的很複雜，如果你有更好的思路，請一定聯絡我 ofollow,noindex">[email protected] 感謝。
一、單應用頁面怎麼處理 PV（pageview）？
現在有很多優秀的框架能實現頁面應用化，一次載入所有資源，根據路由變化，載入不同頁面，而不進行重新整理，例如AngularJS ,由於這類網站在頁面跳轉時，並不進行頁面重新整理，所以 GA（analytics.google）不會發送 PV 資料， 這時該怎麼辦呢，其實官方文件中給出了建議，連結點這兒，文件的大意是，你的網站，你當然知道什麼時候需要發 PV 了，so，需要的時候就發給我吧
第一步，設定 page， ga('set', 'page', '/new-page');
第二步，傳送 pv， ga('send', 'pageview');
搞定，超簡單。
1、但是這裡有一個問題，設定 page？什麼是 page？
舉個例子，例如你使用的是 angular，你的連結就會像這樣： harvestmoon.cn/blog/#/abc、 harvestmoon.cn/blog/#/xyz，… page 為別為 abc、xyz；在我自己的實踐中，我是將 page 設定為 blog/abc 和 blog/xyz 的，統計的資料也是正確的，可能是偉大的谷歌為我們做好了相容。
2、這裡還有一個問題，在邏輯程式碼中，我知道什麼時候執行 設定 page 、 傳送 pv ,但是在 tagmanager 中怎麼設定觸發器呢？
這位觀眾，你很厲害哦，一下抓住了重點，接下來，我們就講講在單應用頁面中怎麼使用 tagmanager。
二、單應用頁面中使用 tagmanager
問題的關鍵就是：在我們本地的程式碼中，我們總是知道何時發生了路由切換，從而知道什麼時候傳送 pv，以 angular 為例，如下程式碼
$rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
ga('set', 'page', '/blog/abc');
ga('send','pageview');
});
複製程式碼
所以我們只需要在 tagmanager 中找到這樣一個觸發時機即可，在新建觸發器（triggers）時，偉大的谷歌再次讓我膜拜，我發現一個內建的觸發器叫做【歷史記錄更改】，它的意思是隻要是網址傳送了變化，就會觸發，簡直就是為單應用定製的觸發器。
知道什麼時候觸發，接下來，只需要搞定執行程式碼即可，然而程式碼早已經有了 ga('set', 'page', '/new-page'); ga('send','pageview');
三、是時候看看具體的操作了
1、我們從程式碼（tags）開始，選擇新建程式碼，依次：
選擇產品-》Google Analysis；
選擇程式碼型別-》Universal Analytsis；
配置程式碼-》跟蹤ID 填入你的 Analysis.Google 的 ID，在管理下的媒體資源設定下可以找到，我這裡填入的是 ga-property 是引用了自己設定的一個變數（變數在下面介紹）。
-》跟蹤型別：網頁瀏覽（就是平時所說的 pv）
-》欄位名稱填入 page，值填入本頁面的 page 值（這裡我有使用了一個自定義的變數 ga-page 值，後邊講解怎麼設定）
觸發條件-》新建一個觸發器，歷史記錄更改；如圖，還有一個【視窗已經載入】觸發器，是因為頁面第一次載入時，我們需要傳送 pv，【歷史記錄更改】在第一次載入時，是不會觸發的。
2、變數的建立，
1）ga-property 變數，在左邊欄選擇變數（variables），選擇新建
選擇型別-》常理
配置變數-》填入你的跟蹤 ID 即可
2）ga-page 值
主要說下自定義的 JavaScript，你需要建立一個匿名函式，返回你需要的值即可
拿 www.smartisan.com/t2/#/overvi… 這個網址做例，我這裡返回的就是 t2/overview，你可以根據自己的需要返回任何值
四、 可能的問題
tagmanager 解決單頁面 pv 的問題大致就如上，下面記錄一些已知問題
1、傳送的 pv 標題錯誤：由於觸發條件為【歷史記錄更改】，會導致單頁面標題還未改變，就已經發送了 pv，所以往往本次 pv 的標題還是上個頁面的。
目前我想到的解決方法比較傻，就是每次傳送 pv 的程式碼（tags）都選擇【自定義 javascript】，在程式碼了 setTimeout 延遲大概 200ms 然後傳送 pv，這時候標題已經切換為新的了。但是這樣有個問題，【自定義 javascript】每次觸發都會忘頁面的 body 後邊加入一個想 標籤，目前看來雖然沒有什麼大的傷害，但總是不夠優雅。
