2019年5月9日

統計歸納網站所有連結的點擊成效﹍GA 事件追蹤器(會員加值文章)

統計歸納網站所有連結的點擊成效﹍GA 事件追蹤器(會員加值文章)

Wayne Fu 0 A+
website-track-google-analytics-event-widget-free.jpg-統計歸納網站所有連結的點擊成效﹍GA 事件追蹤器(會員加值文章)上一篇「GA 事件追蹤器」的免費版功能比較少,本篇的版本可以做到這些事:

  • 排除 Blogger 站長自己的點擊
  • 對小工具進行分類,例如區分為導覽列、側邊欄、頁尾等等
  • 監測動態 JS 產生的小工具連結
  • 指定要監測的小工具
  • 排除不要監測的小工具

關於這個工具的運作原理、使用方式,建議先參照上一篇的內容有個基本的瞭解,並請注意本篇為「會員加值文章」,需先儲值點數才能看到隱藏內容。

(圖片出處: pixabay.com)


一、特點及應用方式


因為此版本功能較多,說明一下特點及可以應用的方式:

1. 依照區塊分類

使用免費版時,撈 GA 數據時,所有小工具的數據會列在一起,比較不方便查找與歸納分析。

本版可以依照自訂的區塊分類,例如側邊欄區、標頭區、輪播區、頁尾區等等:

  • 從 GA 報表可直接看到各區塊的成效
  • 也可直接進入個別區塊來查看、分析小工具的成效
  • 操作上會比較節省時間


2. 去蕪存菁

使用免費版時,網頁上所有的連結都會監控,導致 GA 存放許多不需要的數據。

本版可以設定要監控的區塊、不要監控的區塊,例如網站留言區塊的連結沒什麼監控的必要。

如此 GA 報表只會看到必要的數據,節省篩選資料的時間。


3. 分析小工具的去留

從 GA 報表的數據,可以觀察哪些小工具的點擊數成效不彰:

  • 乾脆移除這些小工具,以加快網頁載入速度。
  • 或是改放其他小工具進行測試,看是否有更好的點擊成效


4. 分析值得擺放的文章連結

這是很需要科學導向重要的一項工作,例如挑選輪播、精選文章時,當然可以依照我們個人喜好來擺放。但更重要的是觀察這些文章的點擊數據,如果某些文章放了卻都沒有點擊,代表沒有打中訪客的口味,那麼就該將這些文章下架,改試不同的輪播文章、精選文章。

以上動作必須依照週期循環來檢查,因為讀者的口味在不同的時間點有可能改變。


5. 找出熱門的文章題材

通常網站都會有這兩個工具:

  • 側邊欄的標籤分類工具
  • 導覽列

這兩個工具的內容會有大量的標籤連結,若想找出讀者關注的主題,將是絕佳的觀察指標。

定期觀察讀者點擊哪些標籤的次數最多,除了可知道該時期的風向,也可列為網站寫作的題材方向。


6. 分析服務項目、擺放位置

如果網站提供了一些服務項目,可以注意這幾點:

  • 觀察哪些服務的連結點擊成效比較好,代表這是市場上需重點發展的項目。
  • 在網站不同位置擺放這些服務連結,測試哪裡的成效比較好,並進行調整。



二、安裝程式碼


在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

以 Blogger 平台為例,請到後台「主題」→「編輯 HTML」,游標點進範本區塊,按 Ctrl-F 搜尋 </body> 這個字串,找到後在此字串的前一行,插入以下程式碼:


參照以上程式碼行號,請見以下參數修改說明:
  • A 行綠字可參考「引用 jQuery 的注意事項」,檢查範本是否已安裝過 jQuery,如果已經安裝過請刪除此行,以免重複安裝。
  • E 行參數:
    • 大部分的 Blogger 站長都不用修改,但建議還是先參考「Blogger 網站如何追蹤 Google Analytics 點擊事件的成效?」→「四、總結」
    • 如果你的網頁原始碼可搜尋到 "blogger.send" 字串,這一行就不用修改
    • 如果你的網頁原始碼沒有 "blogger.send" 字串,紅色字串請改成 "send"
  • F 行參數:
    • 藍色字串是想要監控點擊的區塊,可自行修改,區塊的字串規則為 "." + class 名稱、或是 "#" + id 名稱
    • 每個區塊的字串請放在雙引號 "" 內,每組字串之間用小寫逗號 "," 隔開,最後一組字串之後不要有小寫逗號。
    • 以 Blogger 官方範本而言,這些監控的區塊包含了 "標頭"、"導覽列"、"側邊欄"、"頁尾"
  • G 行參數:藍色字串是想要排除監控的區塊,可自行修改,規則同 F 行說明。
  • H 行參數:
    • 藍色字串是要追蹤的小工具 class 名稱,可自行修改
    • 也可加入多個小工具 class,彼此間請用小寫逗號隔開
    • 這是 Blogger 平台小工具都會有的 class 名稱,非 Blogger 平台請務必修改



三、使用說明


基本的操作請參考上一篇「GA 事件追蹤器」即可。

以下說明這個工具比較進階的使用方式:

1. 為點擊區域進行分類

免費版的功能會直接列出所有小工具的點擊,當網站監控的工具非常多時,一個報表可能會一次列出十幾、二十多個工具,比較不容易進行歸納分析。

程式碼 F 行參數具有「為所有點擊事件進行分類」的功效。例如預設的參數:

  • "header" → 會統整標頭區塊的所有小工具,瞭解標頭的整體成效
  • ".sidebar" → 會統整側邊欄的所有小工具,瞭解整個側邊欄的成效
  • "footer" → 會統整標頭頁尾區塊的所有小工具,瞭解頁尾區塊的成效


2. 排除不需監測的區塊

這個工具主要用來評估小工具的點擊成效,那麼免費版會監控所有區塊的點擊,報表也會列出太多雜訊。

程式碼 G 行參數設定後,預設參數的意思是排除以下兩個地方的點擊數據:

  • 文章區塊
  • 留言區塊


3. 使用範例

website-track-google-analytics-event-widget-member-post-1.jpg-統計歸納網站所有連結的點擊成效﹍GA 事件追蹤器(會員加值文章)

上圖可看到,現在看 GA 的事件報表時,紅框處已經將所有小工具的點擊,按照 sidebar(側邊欄)、header(標頭)、footer(頁尾) 分類好了,馬上就能看到各個大分類區塊的總體成效。


website-track-google-analytics-event-widget-member-post-2.png-統計歸納網站所有連結的點擊成效﹍GA 事件追蹤器(會員加值文章)

假設想要看 sidebar(側邊欄) 個別工具的成效,先點擊 sidebar → 再點擊「事件動作」,可看到上圖的效果,點擊數據依照側邊欄每個工具的 ID 名稱列出來。

以本站的數據來看,看起來成效最好的是 Label1(樹狀標籤),再來是 ArchiveList(文章彙整)。


website-track-google-analytics-event-widget-member-post-3.png-統計歸納網站所有連結的點擊成效﹍GA 事件追蹤器(會員加值文章)

如果想知道訪客關注的主題有哪些,可點進 Label1,如上圖,就會列出熱門點擊的標籤名稱了。




四、聯絡表單


本篇的工具,參數修改需要具備前端的基本 HTML/CSS 知識,如果不熟悉的話,建議不要購買此工具,請直接發案給本站代為處理。

加值文章關閉留言板功能,使用上有任何問題請用下面的表單與我聯繫:




更多「提升網站效能」相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP