「WordPress 架站」電子報
我們的分析文章著重於如何善用外掛工具、有效達成目的、提升網頁載入速度、行銷自動化，以及各種優惠資訊，歡迎訂閱電子報唷！
HockeyStack 2021 絕佳的分析工具，讓你從不同角度分析網站流量
Steven Tseng
- 29 mins
網站架設完成之後，準備開展業務 (商店、服務等) 時可以利用一些外掛工具來進行頁面、內容的 A/B 測試找出最佳的標題、頁面設計與客戶開發 (Lead Generation) 模式。
當訪客開始造訪網站，不管是透過直接造訪、平台轉介、搜尋引擎或行銷活動的導向，為了獲得更好的銷售、推廣成效，這時候就會需要網站流量的分析工具了。
這類工具能夠提供強大的分析能力，但往往需要專業、專職的人員協助設定並產出易讀、好懂的分析報表，網站的流量才能成為有價值、可以協助業務發展的資料。對中大型公司來說或許有能力可以編列預算進行分析，然而對於小公司、一人網站來說，想要利用 Google Analytics 進行深度分析或許是過於好高騖遠，因為最多的時間將會花在「了解分析工具」上，而非獲得有價值、可操作的有用資訊。
2020 年雖然是全球受到疫情影響最大的一年，但 SaaS 市場卻也因此誕生了許多具有前景的應用程式，HockeyStack 就是其中的一匹黑馬。對於網頁流量分析功能定位相當清楚，以提供「Actionable Insights」為主要目標，讓使用者可以清楚快速的深入了解自己的網站與訪客流量。
在這篇文章中大家除了可以看到優點摘要之外，我們也會一一介紹各個分析功能以及使用案例與商業應用情景。
優點
簡潔卻同時提供了豐富的功能進行網站流量的分析。
- 安裝簡單
- 快速且可信賴的 insights
可以做到類似 Hotjar 對訪客紀錄的分析，但卻不需要看每一位訪客的 replay (recording)，大幅節省時間，可以更快速從訪客的行為獲得 insight。 - 更好的 SEO 決策
關鍵字很重要沒錯，但如果放了太多關鍵字反而影響了訪客跟網頁的互動？透過 HockeyStack 可找出獲得最高成效的文章、段落、字句，並加強優勢。 - 更好的行銷活動規劃、效益分析
設定 UTM 標籤，可以快速統計不同行銷來源、媒介、活動的流量。 - 頁面最佳化
- 透過漏斗可以觀察訪客在哪一個階段最容易離開頁面。
- 設定目標，協助了解訪客在完成目標前的流程，了解每個頁面對轉換率的實際貢獻程度。
- 對於能實際帶來轉換率貢獻的元素、頁面，可以加強設計、文案，藉此增進行銷活動的成效。
- 減少網站後續服務的負擔 ( Support Load)
在決定購買一個商品之前，人們會習慣將網站上的相關頁面都盡可能瀏覽、了解透徹之後才會做決定，並且也會尋求協助、獲得問題的解答。
商店經營者可以從訪客瀏覽的行為中觀察出哪些頁面需要提供更詳細的說明，是否需要提供 FAQ 區塊等內容，以增進轉換率並減少團隊後續的協助工作 loading。 - 完整且深度的瞭解你的網站
- Cookieless tracking，符合 GDPR 的要求
安裝
在 WordPress 網站只需要新增 1 行 JavaScript 程式碼即可完成安裝，花費時間不超過 5 分鐘。將下述 JavaScript 放在網頁的 <head></head> 標籤內，YOUR_API_KEY 替換為你的網站 API KEY。
<script async data-apikey="YOUR_API_KEY" data-cookieless src="<https://cdn.jsdelivr.net/npm/hockeystack@latest/hockeystack.min.js>"></script>不僅是 WordPress，可以支援的平台還包含：
- Wix
- Shopify
- React
- Google Tag Manager
任何可以安裝 gtag 的網站。但要注意某些 adblocker 會停用 Google Tag Manager 所以透過這方法安裝的人會有資料準確性的問題。
功能
Dashboard (儀表板)
登入後第一眼看到的就是統整所有資訊的儀表板 Dashboard。這個頁面可以顯示指定日期區間的彙整資料，並按不同的分類方式統計訪客人次、頁面 Session 次數以及 Bounce Rate。
- 按不同來源 (Sources) 分類顯示統計資料
- 轉介來源/平台 Referrer
- UTM 標籤[1]
- UTM 來源
- UTM 媒介
- UTM 活動
- Ref
- Users by
- 裝置
- 瀏覽器
- 作業系統
- 語言
- 國家
在 Dashboard 的下方也提供了日期區間內，各個頁面的瀏覽資料統計，包括：
- 平均捲動百分比
- 平均瀏覽時間
- Bounce Rate
- 進入頁面次數
- 離開頁面次數
- 總瀏覽次數
- 訪客人次
Users：訪客的瀏覽路徑
Hotjar 從 2014 年創立之初帶來了許多令人驚豔的分析功能，包含熱度圖 (heatmap)、滑鼠軌跡的錄影記錄 (recording) 等。然而，對於設計複雜或包含彈出視窗的頁面來說，熱度圖只會帶來更多令人困惑 (confusing) 的結果，可能整個頁面都被熱度覆蓋而無法清晰看出訪客與頁面的互動。
Hotjar 等分析工具提供的熱度圖 (heatmap) 分析功能
如果想要詳細的觀察訪客與頁面的互動，透過錄影記錄卻又太過花費時間。使用者必須很有耐心，需要對每個造訪記錄逐一瀏覽才有辦法獲得資訊以供分析。並且對這些軌跡記錄也無法進行更進一步的彙整、設定目標等分析。
有別於其他分析工具，HockeyStack 以匿名的方式記錄了網站訪客的一舉一動。
「每一位」訪客的瀏覽路徑紀錄
在 Users 頁面下以 UUID 記錄了每一位訪客每一次訪問網站的瀏覽路徑與內容，等同是將「滑鼠軌跡的錄影記錄」給文字、視覺化了。記錄的瀏覽內容，包含：
- 頁面網址
- 點擊內容 (文字、按鈕、圖片)
- 捲動百分比
- 進入、離開
- 上述每一個動作發生的時間點
- 其他 (地點、國家、語言、裝置、瀏覽器等)
而目前在線上的訪客則會有亮綠色的圓點標示。
點選瀏覽路徑中的「click」記錄，可以使用 Define as Goal 快速將訪客行為設定為「目標」供未來分析使用。
按條件篩選訪客瀏覽記錄
當累積了一定數量的訪客瀏覽記錄之後，使用者可以使用 Filter 找出符合特定條件的訪客記錄。可以做為篩選條件的行為、屬性有：
- 行為 Actions
- 做了什麼 (who have done)
- 沒做什麼 (who have not done)
- 訪客的屬性參數 User Properties
- 地點
- 國家
- 城市
- 語言
- 裝置
- 作業系統
- 瀏覽器
- 初始轉介來源
- 初始頁面
- 瀏覽的屬性參數 Session Properties
- 轉介來源
- 瀏覽時間長度
- first page
- page count
其中，在 Actions 下甚至可以將已經設定好的目標 Goals 作為篩選條件。除了在 Goals 頁面下的分析統整之外，還可以直接將符合目標達成條件的所有訪客資料都找出來。
未來也可以將這些常用的 Filter 儲存下來，使用更加便利、迅速。(Roadmap)
Goals：設定目標
除了在瀏覽訪客記錄的時候能快速設定目標 Goals 之外，可以直接在 Goals 頁面將訪客於網站中完成的特定行為設定為目標。
可設定為目標的條件包含：
- 點擊特定內容
- CSS selector
- Text
- 瀏覽特定頁面
- View
設定條件時有以下三種對應方式可供選擇：
- Exactly 精確對應 – Selector、文字、網址需要完全一致。
- Includes 包含 – Selector、文字、網址部分相同即可。
- Regex 正規表示式 – 可以將符合相同規則的 Selector、文字、網址設定為條件。
在一個目標下，可以同時設定多個條件為：
- And – 同時發生才算達成目標。
- Or – 單一條件發生即算達成目標。
應用：點擊訂閱電子報等按紐、訪問特定頁面並完成特定內容點擊。
Funnels：行銷、活動漏斗
對於想要針對特定訪客瀏覽「路徑」、行為流程進行分析時，則可以在 Funnels 頁面下設定每一個步驟的漏斗定義。每一個步驟的設定方式與前述的 Goal 目標相同。
設定漏斗時可以自由地新增、插入每一個步驟的目標。
當訪客的瀏覽行為按照漏斗定義的每一個步驟完成目標，才會被計入 Conversion Rate 轉換率中。
應用：將目標串聯為有意義的訪客行為流程進行分析。
Insights：提供洞見建議
在 Insights 頁面中，HockeyStack 會按照達成目標的訪客屬性，進一步統計、分析找出成長幅度顯著、具代表性的資料提供參考。
Settings：設定
不同方案之間的差別在於可以設定進行分析的網站數量，以及每個月的總頁面瀏覽次數。而最小的方案即可以支援兩個網站的分析。
網站設定完成之後，在 Settings 頁面可以快速地將儀表板、目標、漏斗以及 Insights 結果透過連結分享 (一行 URL) 給團隊成員或客戶。可以設定為加密分享，保護公司、客戶的營業資訊。
即使身邊沒有電腦，透過手機也能輕鬆的瀏覽、掌握網站的流量與目標達成狀況。
在進行網站流量分析時，最開始的煩惱就是需要將不具分析價值的流量給排除掉。例如，來自網路爬蟲、搜尋引擎、團隊成員、客戶等的流量；對於已知使用固定 IP 的對象，可以直接在黑名單中以 IP 的方式排除，而其他對象則可以使用 UUID 排除。
使用案例 Use Case
看了這麼多功能說明，是不是心中已經勾勒出了屬於自己網站的使用案例了呢？
範例：行銷、活動漏斗
在此之前，可以先參考其他人分享的使用案例：
- Awareness Funnel
– 除了進入頁面之外，也瀏覽了 1 個其他頁面。
– 瀏覽「關於我」頁面。 - Consideration Funnel
– 瀏覽「服務項目 Services」頁面。
– 瀏覽「功能特性 Features」頁面。
– 下載內容更新、免費資源。 - Conversion Funnel
– 瀏覽「定價 Pricing」頁面 > 點擊 FAQ、功能特性說明 > 註冊服務。
– 瀏覽「與我聯絡 Contact」頁面 > 送出聯絡表單 or 點擊線上客服按紐並送出訊息。 - eCommerce Funnel
瀏覽部落格文章 > 瀏覽精選推薦 > 瀏覽產品 > 點選產品頁面上的「評價、功能特性或任何其他元素」> 將產品加入購物車 > 結帳 > 完成購物。
幾乎網頁上可以定位到的元素、文字、瀏覽行為都可以設定為目標，並進一步設定串聯為行銷、活動漏斗進行分析。完全不需要編寫程式碼。
範例：訪客行為分析
找出符合以下目標的訪客：
- 瀏覽產品頁面中的產品 A，並且
- 完成結帳
在 Users 頁面，透過上述目標將符合條件的訪客記錄篩選出來，並且觀察每一個訪客瀏覽路徑：
- 若時常同時瀏覽產品 B，則可以規劃於購買 A、B 產品時提供折扣。
- 或是，如果訪客時常瀏覽認證、說明、FAQ 等頁面，則考慮增加、修改說明資訊將相關頁面內容進一步最佳化。
這些都可以促進訪客瀏覽頁面的體驗，並且同時提高銷售能力。
商業應用情景
最後，哪些人能夠獲益於 HockeyStack 的分析功能呢？
- Agency
協助客戶管理、設計「目標」、「漏斗」，快速分享客戶專屬的 Dashboard 儀表板監控資料。 - 內容行銷
分析、了解網頁的轉換率，透過甚麼樣的管道獲得的客群偏好哪一種內容，並藉此進行最佳化。 - 電子商務
分析商品的轉換率，購買客戶的特性 (地點、語言、裝置、作業系統、轉介來源、停留時間、訪客流程)，以及離開、放棄購買的「位置」，並藉此進行最佳化。 - SaaS 應用服務開發者
分析網頁提供的內容、行銷活動、用戶體驗，從中獲得洞見 (insight) 藉此加速成長。
最重要的，在官方臉書社團中，創辦人不時的就會跟大家分享更多的 Use Case 與產品新功能，並且聽取使用者們的意見將實用的功能規劃進 Roadmap 中。
有興趣的話，不妨從免費試用開始唷！
常見問題 FAQ
HockeyStack 有哪些功能？
1. 儀錶板 – 總覽網站瀏覽分析。
2. 訪客瀏覽路徑 – 每一位訪客的瀏覽路徑紀錄，可按條件篩選瀏覽紀錄。
3. 設定目標 – 按訪客瀏覽行為統計目標成效。
4. 行銷、銷售漏斗 – 針對特定訪客瀏覽「路徑」，分析轉換率。
5. 提供洞見建議 – AI 分析找出受到忽視的重要資訊。
HockeyStack 在「行銷、活動漏斗」的應用上有什麼獨到之處？
網頁上可以定位到的元素、文字、瀏覽行為都可以設定為目標，並進一步設定串聯為行銷、活動漏斗進行分析。
完全不需要編寫程式碼！
HockeyStack 在「訪客行為分析」的上有什麼獨到之處？
透過觀察訪客的瀏覽路徑行為分析，進行網頁設計、內容編寫的最佳化，可促進訪客瀏覽頁面的體驗，並且同時提高銷售能力。
附註 – 新功能登場
擁有相當年輕、活躍的開發團隊，以下是 HS 陸續更新的新功能。
- 複製 Funnel – 不需再煩惱需要重新一步步的設定類似的 Funnel 步驟 (Mar 23, 2021)
- 輸出 PDF 報表 (April 28, 2021)
- 團隊成員 (May 4, 2021)
- Dark Mode (May 6, 2021)
- 新增目標 Goals 為 Funnel 的步驟 (May 6, 2021)
- 在儀表板頁面下方自動產生目標的設定建議 (May 6, 2021)
[1] 關於 UTM 標籤說明 -「HockeyStack 應用篇 – 如何使用 UTM 標籤精確追蹤行銷活動、隱藏流量？」。
