Tính năng đo lường lượt xem trang giúp bạn đo lường số lượt xem mà bạn nhận được cho một trang cụ thể trên trang web của bạn. Các trang thường tương ứng với toàn bộ tài liệu HTML, nhưng cũng có thể đại diện cho nội dung được tải động; đây được gọi là "số lượt xem trang ảo".
Hướng dẫn này giải thích cách triển khai tính năng đo lường lượt xem trang bằng analytics.js.
Tổng quan
Thẻ JavaScript chứa một lệnh để tạo một đối tượng trình theo dõi và sau đó là một lệnh để gửi lượt xem trang đến Google Analytics. Khi thiết bị theo dõi được tạo, một số trường sẽ được thiết lập dựa trên ngữ cảnh duyệt web. Trường title được đặt thành giá trị document.title, còn trường location được đặt thành giá trị document.location, bỏ qua phần neo của URL.
Khi lệnh send được thực thi, các trường title và location lưu trữ trên trình theo dõi sẽ được gửi đi và Google Analytics sẽ sử dụng các giá trị đó để cho bạn biết người dùng của bạn đã truy cập những trang nào.
Trình theo dõi mặc định không đặt trường page, nhưng nếu bạn đặt trường này theo cách thủ công, thì giá trị đó sẽ được dùng làm đường dẫn trang trong báo cáo, ghi đè giá trị của trường location.
Triển khai
Bạn có thể gửi số lượt xem trang bằng lệnh send và chỉ định hitType là pageview. Lệnh send có chữ ký sau đây cho loại lượt truy cập pageview:
ga('send', 'pageview', [page], [fieldsObject]);
Trường xem trang
Bảng sau đây tóm tắt các trường chính có liên quan đến việc đo lường số lượt xem trang. Để biết thêm thông tin (và một số trường bổ sung), hãy xem phần thông tin nội dung của tài liệu tham khảo về trường.
| Tên trường | Loại giá trị | Bắt buộc | Nội dung mô tả |
|---|---|---|---|
title |
văn bản | no | Tiêu đề của trang (ví dụ: trang chủ) |
location |
văn bản | không * | URL của trang. |
page |
văn bản | không * | Phần đường dẫn của URL. Giá trị này phải bắt đầu bằng ký tự dấu gạch chéo (/). |
*
mặc dù cả trường page lẫn trường location đều không bắt buộc, nhưng phải có một trong hai trường này, nếu không thì lượt truy cập sẽ không hợp lệ.
Ví dụ:
Lệnh sau sẽ gửi một lượt truy cập trang đến Google Analytics và bao gồm đường dẫn của trang hiện tại.
ga('send', 'pageview', location.pathname);
Lưu ý rằng giống như tất cả lệnh send, các trường được truyền vào các tham số tiện lợi cũng có thể được chỉ định trong fieldsObject. Lệnh trên có thể được viết lại thành:
ga('send', {
hitType: 'pageview',
page: location.pathname
});
Sửa đổi URL trang
Trong một số trường hợp, URL bạn muốn gửi đến Google Analytics khác với URL xuất hiện trong thanh địa chỉ trên trình duyệt của người dùng. Ví dụ: hãy xem xét một trang web có một vài trang cho phép người dùng đăng nhập và xem/chỉnh sửa thông tin cá nhân của họ. Nếu trang web này có các trang riêng dành cho thông tin cá nhân, thông tin tài khoản và chế độ cài đặt thông báo, thì URL cho các trang này có thể có dạng như sau:
/user/USER_ID/profile/user/USER_ID/account/user/USER_ID/notifications
Nếu bạn muốn biết tổng cộng có bao nhiêu người truy cập vào mỗi trang này, bao gồm cả giá trị mã nhận dạng người dùng duy nhất trong các URL, việc này sẽ khiến việc đó trở nên khó khăn hơn nhiều.
Để giải quyết vấn đề này, bạn có thể chỉ định giá trị page sau khi xoá mã nhận dạng người dùng:
// Checks to see if the current user's userID is
// found in the URL, if it is, remove it.
// (Note, this assume the user ID is stored
// in a variable called `userID`)
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
ga('send', 'pageview', page);
}
Thao tác này sẽ gửi các giá trị page sau cho tất cả người dùng:
/user/profile/user/account/user/notifications
Nếu trang hiện tại đang gửi các lượt truy cập khác (như sự kiện), bạn sẽ muốn đảm bảo mọi lượt truy cập đều được gửi cùng với URL chính xác. Trong những trường hợp như vậy, bạn nên cập nhật trường page trên trình theo dõi thay vì truyền trường đó vào lệnh send.
Việc đặt giá trị này trên trình theo dõi sẽ đảm bảo giá trị page mới được sử dụng cho tất cả lượt truy cập tiếp theo:
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
// Sets the page value on the tracker.
ga('set', 'page', page);
// Sending the pageview no longer requires passing the page
// value since it's now stored on the tracker object.
ga('send', 'pageview');
}
Theo dõi số lượt xem trang ảo
Ngày nay, nhiều trang web tải nội dung theo phương thức động qua AJAX mà không yêu cầu tải toàn bộ trang cho mỗi "trang". Các trang web như vậy thường được gọi là Ứng dụng trang đơn (SPA).
Nếu trang web của bạn tải nội dung trang theo phương thức động và cập nhật URL của tài liệu, thì thông thường, bạn sẽ cần gửi thêm lượt xem trang để đo lường "lượt xem trang ảo" này. Để biết thông tin đầy đủ về việc triển khai, hãy xem hướng dẫn về tính năng Theo dõi ứng dụng một trang bằng analytics.js.