Làm lại blog cá nhân (Phần 6): Metadata và các công cụ theo dõi hoạt động người dùng

Date
Ngày đăng
#UX/UI #Personal Blog

Các bạn có bao giờ muốn biết trang web của mình có bao nhiêu lượt truy cập theo thời gian không? Có muốn biến người dùng đến từ đâu, độ tuổi, giới tính chứ nè? Tớ cũng vậy. Để làm được điều đó, tớ sử dụng Google Analytics. Gần đây mới biết Facebook Webmaster, Facebook Analytics nên xài thử như thế nào.

Thumbnails

Tại sao metadata lại xuất hiện ở đây?

Metadata là một phần của tiêu chuẩn HTML do WHATWG đề xuất và được sử dụng để lồng siêu dữ liệu trong nội dung hiện có của các trang web. Search Engine, Web Crawler và trình duyệt có thể trích xuất, xử lý dữ liệu nhằm đem lại trải nghiệm phong phú, thông tin hữu ích hơn cho người dùng.

Metadata của một trang web xuất hiện ở 2 dạng.

  • Một nhóm các cặp key-value được định nghĩa trong một itemscope. Có thể được nhúng trực tiếp trong code HTML như ở phần 5 tớ đã trình bày hoặc RDFa, JSON-LD.
  • Metadata được khai báo trong thẻ <meta> được khai báo trong cặp thẻ <head>.

Ở phần này, tớ sẽ nói về loại thứ 2. Để kích hoạt Google Analytics và Facebook Webmaster đều dùng thông tin metadata trong thẻ <meta>.

Google Analytics

Hiện nay, Google Analytics được tích hợp vào Google Markerting Platform thay vì Google Analytics 360 Suite. Đây là công cụ theo dõi hoạt động của người dùng phổ biến, đơn giản và trực quan.

Google Analytics cho phép chúng ta biết được một số thông tin cơ bản như:

  • Lượng người dùng theo thời gian thực, theo khoảng thời gian
  • Thông tin người dùng như giởi tính, độ tuổi, hệ điều hành, thiết bị, nơi ở, thời gian sử dụng trung bình,…
  • Hành vi của người dùng như sự kiện, luồng tương tác,…

Google Analytics

Trước tiên, bạn đăng ký sử dụng Google Analytics và cấu hình như hướng dẫn tại https://support.google.com/analytics/answer/1008015. Đoạn code cấu hình trên web, tớ đặt ở trước khi đóng thẻ <body>.

Google Analytics - Config

Facebook Analytics

Facebook Analytics cũng tương tự Google Analytics, cho phép chúng ta biết được lượng người dùng, hành vi của họ trên trang web của ta. Theo như quảng cáo thì Facebook Analytics tập trung vào theo dõi hành vi người dung hơn là các thông số về thiết bị mà người dùng sử dụng. Bạn có thể biết thêm chi tiết ở một link sau.

Facebook Analytics

Để sử dụng, bạn làm theo hướng dẫn tại https://adespresso.com/blog/facebook-analytics/. Đoạn code cấu hình, tớ đặt ở trước khi đóng thẻ <body>.

Facebook Analytics - Config

Có lưu ý cho các bạn một tí, để kích hoạt được dashboard của Facebook Analytics. Các bạn phải có trang Chính Sách Bảo Mật thì Facebook mới cho phép cho chúng ta sử dụng. Do đó, nếu bạn bạn xem trong thiết kế ban đầu của tớ, sẽ không thấy thanh màu đen ở phía dưới foooter.

Facebook Webmaster

Khi tở chia sẻ link bài viết lên Facebook, tớ muốn ẩn link, chỉ hiện mô tả và hình đại diện đã cấu hình cho bài viết như hình phía dưới. Để làm được như vậy, bạn chỉ cần cấu hình Facebook Webmaster là được.

Facebook Webmaster

Phần cấu hình của Facebook Webmaster nằm ở phần metadata trong phần thể <head>.Bạn có thể làm theo hướng dẫn tại https://developers.facebook.com/docs/sharing/webmasters/.

Facebook Webmaster - Config

Tổng kết

Tớ đã giới thiệu đến các bạn những công cụ theo dõi đang được gắn tại blog. Còn việc khai thác chúng như thế nào, tớ xin hẹn một chủ đề khác nhé. Phần tiếp theo sẽ là phần hay ho nhất trong công việc làm lại blog lần này của tớ.

Write the book you want to read

Tham khảo