What’s FullStory?

2019/4/28
@ Branch8 公司內部技術分享

Transcript

1. What’s ? Anna Su
2. See everything that happens on your site 2
3. 3 Record
4. Capture everything 4 可以透過⼀一⼩小段程式碼， 獲取每個⾴頁⾯面的每次點擊、 每次滑鼠操作以及狀狀態的改變等。
5. Exclude elements 5 可以避免紀錄某些元件， ⽤用來來保護使⽤用者的私⼈人資訊， 例例如信⽤用卡號碼。
6. Blacklisting & Whitelisting 6 可以建立⿊黑名單跟⽩白名單， 透過 web domain、geographic location、 IP 或 useragent string， 決定是否要錄製 session。 Pro
7. Single Sign-On 7 可以透過 Google Authentication， 管理理團隊的 FullStory 權限 (standard or admin)。
8. GDPR compliance tools 8 FullStory 可以排除紀錄敏感資料，幫助你遵守 GDRP (General Data Protection Regulation) 條款的要求，若若使⽤用者要求禁⽌止某些數據使⽤用， 可以快速刪除該⽤用⼾戶的所有資料。
9. Identify Customers 9 可以透過 script，將客⼾戶的資訊提供給 FullStory， 例例如：name, user ID, or email address， 幫助定義⽤用⼾戶的⾝身份、協助⾏行行為分析。
10. Custom variables 10 可以⾃自訂使⽤用者變數， 例例如：訂閱等級、⽤用⼾戶購買⽇日期等， 能夠瞭解特定屬性客⼾戶的相關數據。
11. Custom Events 11 可以⾃自定義事件， 例例如在 GTM 或 Segment 裡新增事件， 在播放 session 時會⾃自動被加入標籤 並存成分類。
12. Custom Events 12 ⾃自訂事件會被存成分類， 可以幫助搜尋特定⾏行行為。
13. 13 Search
14. Suggestions as you type 14 FullStory 的搜尋引擎可以針對輸入的 names、URLs、button text 等， 提供智能建議，幫助搜尋。
15. All events, fully indexed 15 所有的事件都會被索引， 所以你可以在 FullStory 裡⾯面搜尋到⽤用⼾戶 在網站上操作的每個過程。
16. Error Clicks 16 找出點擊後 發⽣生 javascript 錯誤的紀錄。 Pro
17. Dead Clicks 17 找出點擊後 網站沒有任何 response 的紀錄。
19. Rage Clicks 19 觸發 Rage Clicks 的原因可能是 ‣ 為了了讓⽤用⼾戶更更容易易使⽤用，建立頻繁的互動。
20. Rage Clicks 20 觸發 Rage Clicks 的原因可能是 ‣ 畫⾯面還在載入時，⽤用⼾戶不耐煩的點擊。 ‣ 誤導性的按鈕，看起來來可以點擊，造成⽤用⼾戶混淆。
21. Thrashing Mouse 21 ⽤用⼾戶⼀一直點擊游標時會被觸發， 可能表⽰示這是個沮喪的⽤用⼾戶所做出的反應。
22. 22 Replay
23. Pixel-perfect reproduction 23 FullStory 的 session，不是影片， 所以無論在任何設備，每⼀一次重複播放 都是⾼高品質畫⾯面的完美呈現，代表你不會錯過任何細節。
24. Co-browsing 24 在電話裡瞭解⽤用⼾戶所遇到的問題時， 不再需要分享螢幕， 就可以即時查看⽤用⼾戶當前的操作。 (延遲時間約 1~5 秒) Pro
25. Advanced playback controls 25 可以快速切換想要觀看 session 的時間段， 或者是使⽤用 2 倍或 4 倍的速率進⾏行行播放， 能夠更更快發現你想要探索的關鍵時刻。
26. Profile 26 顯⽰示使⽤用者的資訊， 包括姓名，電⼦子郵件地址和位置等。
27. Session history 27 在個⼈人資料下⽅方會顯⽰示先前所有的 session， 能夠了了解⽤用⼾戶瀏覽網站的歷史紀錄。
28. Screen resolution 28 顯⽰示使⽤用者的螢幕解析度， 並以正確的寬⾼高播放 sessions。
29. Browsing environment 29 再也不需要向客⼾戶詢問瀏覽器和操作環境， FullStory 會提供相關數據，也可以依照設備資訊 搜尋對應的 session 結果。
30. 30 Analyze
31. Conversion funnels 31 瞭解有多少使⽤用者執⾏行行預期的⾏行行為， 從 sessions 裡觀察， 找出無法達成轉換的原因。
33. 33 連到⾸首⾴頁 加入購物⾞車車 使⽤用者登入⾴頁 回到購物⾞車車 進入結帳⾴頁 確認購買 瀏覽商品⾴頁
34. Heatmaps 34 針對某個⾴頁⾯面， 轉成 snapshot (快照)， 透過 Heatmaps 快速確定 網⾴頁裡各元素互動程度。
36. User trends 36 顯⽰示 Engagement Heatmaps， 紀錄點擊次數和比例例。 Pro
37. User trends 37 顯⽰示 Engagement Heatmaps， 紀錄點擊次數和比例例。 Pro
38. Top UTM sources and referrers 38 FullStory 會⾃自動建立 UTM 來來源和推薦的來來源網址， 可以輕鬆查看哪些內容帶來來了了流量量。
40. Slowest pages 40 FullStory 提供 First Meaningful Paint 平均加載時間， 列列出網站載入最慢的⾴頁⾯面並顯⽰示每個⾴頁⾯面訪問的⽤用⼾戶數， 快速顯⽰示出哪個⾴頁⾯面最需要被改善。
41. JavaScript console 41 FullStory 提供 JavaScript console log， 顯⽰示瀏覽器發出的 request 和請求時間， 或者篩選特定類型的 request 等
42. Stack traces 42 stack trace 幫助你找到程式錯誤的原因。
43. Page speed metrics 43 FullStory 提供每個⾴頁⾯面的速度指標， 例例如：First Meaningful Paint、DOMContentLoaded 和 Page Load Complete。
44. Network requests 44 顯⽰示瀏覽器的 request 時間，包括圖片、 樣式、scripts 和其他 assets。
45. Export User CSV 45 透過搜尋與分析後，可以下載特定的 使⽤用者資料並存成 CSV 檔案。 Pro
46. JSON exports 46 可以將資料轉成 JSON 格式， 提供給分析師使⽤用。
47. 47 Collaborate
48. Manage multiple accounts 48 可以新增、管理理多個帳⼾戶， 設定各帳⼾戶成員和 session 的數量量， 以及變更更權限。 Limited
49. Team segments 49 可以查看、編輯、複製隊友的 segments
50. Notes 50 可以在 session 的關鍵時刻新增筆記， 幫助團隊更更快瞭解狀狀況。
51. Send to Slack/Trello/Jira 51 可以快速回報 bug 到 slack，新增卡片到 Trello 等。
52. Send to Trello 52 新增卡片到 Trello。 Pro
53. Guest view 53 不需要註冊 FullStory， 就可以直接分享 sessions 給客⼾戶。
54. Alerts 54 可以針對 segment 去設定 alerts， 若若使⽤用者數量量不符合預期， 會⾃自動發送 slack 訊息或 Email 通知。 Limited
55. Daily/Weekly Digest 55 可以選擇是否接受寄送 每⽇日或每週的摘要到 Email， 例例如：儲存 segments、增加筆記、加入新的⽤用⼾戶等。
57. 57 Thanks