Giới thiệu công cụ Posthog - thu thập dữ liệu người dùng dành cho các "kỹ sư"

Giới thiệu công cụ Posthog - thu thập dữ liệu người dùng dành cho các "kỹ sư"

Tin ngắn hàng ngày dành cho bạn
  • Nhờ đọc bài sự phát triển của JavaScript trong 30 năm mà mình mới biết vào năm 2016 có một sự cố tên là npm left-pad incident. Đại ý là có một lập trình viên vì tranh chấp bản quyền nên đã xoá một gói khỏi kho lưu trữ npm. Điều đó khiến cho rất nhiều gói khác sử dụng nó không thể hoạt động được, có thể kể đến như là Babel, Webpack, React... Sự cố đó khiến npm phải thay đổi chính sách hạn chế việc xoá gói sau khi đã xuất bản.

    Quả thật là npm thì to đấy, tiện đấy cơ mà nhìn vào cái đống phụ thuộc của nó mà phát khiếp. Chỉ cần thay đổi 1 gói thôi đủ khiến cho cả một hệ sinh thái sụp đổ. Chưa kể các vụ tấn công chèn mã độc vào các gói nhiều lượt tải hoặc tạo ra những cái tên gây nhầm lẫn nhằm dụ người dùng tải xuống.

    Cũng không đâu xa như mình lần trước đêm hôm "go live" thì dính ngay quả lỗi không thể cài được các gói liệt kê trong package.json. Kiểu như là npm install không thể nào kéo được gói đó về luôn nên là dự án không thể khởi động lên được. May mà lúc đó trong máy có sẵn node_modules nên là đành chơi hạ sách kéo cả thư mục dưới máy lên máy chủ 🙏

    » Xem thêm
  • Đúng là cái gì các pháp sư cũng nghĩ ra được. awk là một lệnh rất mạnh để xử lý tệp tin, nó có thể đọc, tìm, tổng hợp... dữ liệu văn bản. Đặc biệt là các tệp ghi logs hệ thống thì cứ phải gọi nó bằng... lệnh.

    jgarzik/sqawk đưa cách sử dụng awk lên "tầm cao mới". Áp dụng cú pháp SQL để truy vấn luôn 😆.

    » Xem thêm
  • Telegram chính thức không vào được nữa rồi, nếu công việc của bạn cần phải có Telegram thì hãy thử cách tạo ra một Proxy theo chuẩn MTProxy của Telegam tạo ra nhé. Mình tìm thấy một bài hướng dẫn rất chi tiết về cách làm ở đây. Đại loại là cần một máy chủ rồi gõ vài dòng lệnh là xong rồi 👇

    À, hiện có nhiều bài đăng chia sẻ Proxy miễn phí thì hãy cân nhắc trước khi sử dụng vì tiềm ẩn rủi ro bảo mật lắm đấy.

    How to set up a Telegram Proxy (MTProxy)

    » Xem thêm

Vấn đề

Trong quá trình làm việc, team phát triển sản phẩm thi thoảng sẽ đưa ra những yêu cầu thay đổi về tính năng của sản phẩm hay những thay đổi bố cục về vị trí các mục hoặc các nút... Họ có thể đưa ra bảng thống kê về việc tại sao nên có những thay đổi này. Có bao giờ bạn thắc mắc rằng dựa vào đâu để họ đưa ra quyết định thay đổi như thế?

Tôi tin rằng nhiều bạn đọc trong đây sở hữu cho mình một hoặc nhiều trang web. Dù trang web đó làm gì đi nữa thì ắt hẳn phải có người xem hay còn gọi là người dùng. Và nếu bạn là người chú trọng đến trải nghiệm người dùng, bạn sẽ tò mò về cách người dùng sử dụng trang web của mình như thế nào để thông qua đó có thể nâng cao trải nghiệm sử dụng trang web cho họ hơn nữa.

Có nhiều cách và công cụ có thể giúp bạn giải quyết được những vấn đề trên. Cho dù là cách nào đi nữa thì một công cụ trợ giúp thu thập và thống kê được dữ liệu người dùng là một điều không thể thiếu. Posthog là một ví dụ, bài viết ngày hôm nay tôi sẽ dành thời gian giới thiệu về công cụ này.

Posthog là gì?

PostHog là một bộ sản phẩm và công cụ về dữ liệu mã nguồn mở, được xây dựng cho các kỹ sư - những người dành thời gian nghiên cứu về sản phẩm. Nói thế thôi chứ không nhất thiết phải là kỹ sư mới dùng được, chỉ cần biết bạn cần gì ở công cụ này là đủ.

Posthog được thiết kế để dễ dàng thiết lập để bắt đầu quá trình thu thập dữ liệu. Phân tích dữ liệu của bạn bằng hình ảnh và bản ghi phiên (Session Recording). Ngoài ra còn có khả năng cải thiện sản phẩm bằng A/B Testing và Feature Flag. Vì là Open Source nên bạn có thể triển khai Posthog trên máy chủ của mình. Sử dụng ứng dụng để kết nối với các dịch vụ bên ngoài và quản lý luồng dữ liệu.

Posthog làm được gì?

Có rất nhiều điều mà Posthog có thể làm được, dưới đây là một số tính năng tiêu biểu.

  • Phân tích và tối ưu hóa sản phẩm.
  • Phân tích dựa trên sự kiện: tự động nắm bắt việc sử dụng sản phẩm của bạn hoặc tùy chỉnh nó theo nhu cầu của bạn.
  • Theo dõi người dùng: nghiên cứu hành vi của người dùng sản phẩm.
  • Trực quan hóa dữ liệu: tạo và chia sẻ biểu đồ phục vụ cho mục đích phân tích.
  • Session Record: ghi lại hành vi của người dùng sản phẩm và phát lại nó.
  • Heatmaps: bạn có thể xem những nơi mà người dùng tương tác nhiều nhất trên trang web của bạn để từ đó rút ra được chiến lực sản phẩm hợp lý.
  • Feature Flags: kiểm tra và quản lý việc triển khai các tính năng mới cho một nhóm người dùng cụ thể.
  • A/B Testing: chạy các thay đổi đơn giản hoặc phức tạp dưới dạng thử nghiệm.
  • Phân tích tương quan: khám phá những sự kiện và tính chất tương quan với thành công hay thất bại.

Bạn có thể xem danh sách tính năng đầy đủ của Posthog tại đây.

Triển khai Posthog để thu thập dữ liệu và ghi lại hành vi người dùng

Posthog cung cấp nhiều tính năng như vậy nhưng chắc bạn phải biết hết. Vì thế hãy bắt đầu từ những tính năng mà bạn cho là cần thiết lúc này, trong quá trình sử dụng có thể phát sinh nhiều vấn đề và đó là lúc bạn nên xem lại danh sách tính năng của Posthog để xem nó có giải quyết được vấn đề không.

Tính năng tôi thấy thú vị trong Posthog là ghi lại hành vi người dùng, để thông qua đó phân tích ra nhiều thứ hơn nữa. Nó có tên là Session Recording, nó sẽ ghi lại hành vi người dùng sử dụng trang web rồi phát lại dưới dạng Video.

Để triển khai, cách nhanh nhất là bạn đăng kí một tài khoản Posthog để sử dụng miễn phí Cloud của họ. Phiên bản miễn phí có một số giới hạn như chỉ lưu được 1 triệu Event và 15 nghìn Session Recording mỗi tháng.

Hoặc bạn có thể triển khai máy chủ Posthog cho riêng mình. Một phiên bản có 2GB RAM có thể xử lý khoảng 100.000 sự kiện trong một tháng. Để biết thêm chi tiết cách triển khai xem tại Self-hosted open-source PostHog.

Sau đó bạn đã có thể triển khai việc Recording bằng thư viện posthog-js.

Cài đặt posthog-js:

$ npm install --save posthog-js

Khởi tạo Posthog bằng lệnh init, tốt nhất nên triển khai đoạn mã này ở Header để Posthog bắt được sự kiện trên toàn sitemap.

posthog.init("phc_BobGXOODHdUpfkVVUHwnfkdbagy24f2Km10syk6K4QH", {
  api_host: "https://app.posthog.com",
  session_recording: true,
  autocapture: false,
});

Với api_host là địa chỉ máy chủ posthog. Trong trường hợp này tôi đang sử dụng Free Cloud của Posthog. Tùy chọn session_recording để bật Recording và autocapture để tắt trình thu thập sự kiện giống như Google Analytics.

Ngoài ra với nhiều tùy chọn trong init hơn bạn xem thêm tại Javascript Client library.

Posthog session recording menu

Sau đó hãy thử truy cập vào trang web một vài phút rồi quay lại trang quản trị của Posthog bạn sẽ thấy các bản Record ở trong mục Recording trong menu bên tay phải.

Posthog session recording

Còn rất nhiều tính năng khác bạn có thể khám phá từ Posthog, hãy dành thời gian để tìm hiểu công cụ thú vị này.

Tổng kết

Posthog là một công cụ thu thập dữ liệu và hành vi người dùng vô cùng thú vị. Ngoài ra nó còn cung cấp nhiều tính năng phân tích người dùng hơn nữa. Thông qua công cụ này giúp bạn thấu hiểu người dùng để từ đó hoàn thiện sản phẩm của mình.

Cao cấp
Hello

Bí mật ngăn xếp của Blog

Là một lập trình viên, bạn có tò mò về bí mật công nghệ hay những khoản nợ kỹ thuật về trang blog này? Tất cả bí mật sẽ được bật mí ngay bài viết dưới đây. Còn chờ đợi gì nữa, hãy bấm vào ngay!

Là một lập trình viên, bạn có tò mò về bí mật công nghệ hay những khoản nợ kỹ thuật về trang blog này? Tất cả bí mật sẽ được bật mí ngay bài viết dưới đây. Còn chờ đợi gì nữa, hãy bấm vào ngay!

Xem tất cả

Đăng ký nhận thông báo bài viết mới

hoặc
* Bản tin tổng hợp được gửi mỗi 1-2 tuần, huỷ bất cứ lúc nào.

Bình luận (0)

Nội dung bình luận...