Embedded Files
Thêm analytics.js vào trang web của bạn
Thư viện analytics.js là một thư viện JavaScript để đo cách người dùng tương tác với trang web của bạn. Tài liệu này giải thích làm thế nào để thêm analytics.js để trang web của bạn.
Các đoạn mã JavaScript theo dõi
Thêm mã sau đây (được gọi là "đoạn mã JavaScript theo dõi") để mẫu của trang web của bạn là cách dễ nhất để bắt đầu sử dụng analytics.js.
Mã nên được thêm vào gần phía trên cùng của thẻ <head> và trước khi bất kỳ thẻ script hoặc CSS khác, và chuỗi 'UA-XXXXX-Y' nên được thay thế bằng ID tài sản (cũng được gọi là "theo dõi ID") của tài sản của Google Analytics bạn muốn theo dõi.
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Các mã trên làm bốn điều chính:
- Tạo một <script> yếu tố đó bắt đầu không đồng bộ tải thư viện JavaScript analytics.js từ
https://www.google-analytics.com/analytics.js
- Khởi tạo một hàm ga toàn cầu (gọi là ga () lệnh queue) cho phép bạn lên lịch các lệnhđược chạy khi thư viện analytics.js
được nạp và sẵn sàng để đi.
- Thêm một lệnh vào hàng đợi lệnh ga () để tạo ra một đối tượng theo dõi mới cho các tài sản quy định thông qua
tham số của UA-XXXXX-Y '.
- Thêm một lệnh khác vào hàng đợi lệnh ga () để gửi một lần
xem trang cho Google Analytics cho trang hiện tại.
Triển khai thực hiện tùy chỉnh có thể yêu cầu sửa đổi hai dòng cuối cùng của đoạn mã theo dõi JavaScript
(những tạo và gửi các lệnh) hoặc thêm mã bổ sung để theo dõi nhiều tương tác. Tuy nhiên, bạn không nên thay đổi mã đó
tải các thư viện analytics.js hoặc khởi tạo các ga () chức năng chỉ huy hàng đợi.
Đoạn theo dõi async thay thế Trong khi các đoạn mã theo dõi JavaScript mô tả ở trên, đảm bảo các kịch bản sẽ được nạp và thực thi bất đồng bộ trên tất cả
các trình duyệt, nó có bất lợi của việc không cho phép các trình duyệt hiện đại để tải trước kịch bản. Đoạn theo dõi thay thế async dưới đây cho biết thêm hỗ trợ tải trước, mà sẽ cung cấp một tăng hiệu suất nhỏ trên các trình
duyệt hiện đại, nhưng có thể làm giảm bốc đồng bộ và thực hiện trên trình duyệt IE 9 và các trình duyệt di động cũ mà
không nhận ra thuộc tính async kịch bản. Chỉ sử dụng đoạn mã theo dõi này nếu truy cập của bạn chủ yếu sử dụng các trình duyệt
hiện đại để truy cập vào trang web của bạn.
<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->
Dữ liệu gì đoạn theo dõi nắm bắt? Khi bạn thêm một trong hai đoạn theo dõi để trang web của bạn, bạn gửi một lần xem trang cho mỗi trang người dùng
của bạn truy cập. Google Analytics xử lý dữ liệu này và có thể suy ra một lượng lớn thông tin bao gồm:
- Thời gian người dùng dành trên mỗi trang và để những gì các trang được truy cập.
- Tổng thời gian người dùng dành trên trang web của bạn.
- Các liên kết nội bộ đã được nhấp (dựa trên URL của lần xem trang tiếp theo).
Ngoài ra, các địa chỉ IP, dùng chuỗi đại lý, và analytics.js kiểm tra trang ban đầu thì khi tạo một tracker mới
được sử dụng để xác định những công việc như sau:
- trình duyệt và hệ điều hành nào đang được sử dụng.
- Vị trí địa lý của người sử dụng.
- Kích thước màn hình và liệu Flash hay Java được cài đặt.
- Các trang giới thiệu.
Bước tiếp theo Đối với nhu cầu báo cáo cơ bản, các dữ liệu thu thập thông qua các đoạn mã theo dõi JavaScript có thể là đủ,
nhưng trong nhiều trường hợp có những câu hỏi bổ sung mà bạn muốn trả lời về người dùng của bạn. Các hướng dẫn trên trang web này giải thích làm thế nào để theo dõi các tương tác mà bạn quan tâm với analytics.js,
nhưng trước khi thực hiện một tính năng đặc biệt, nó rất khuyến khích bạn đọc các hướng dẫn được liệt kê dưới phần
cơ bản trong điều hướng bên trái. Những hướng dẫn này sẽ cung cấp cho bạn một cái nhìn tổng quan cấp cao của
thư viện analytics.js và giúp bạn hiểu rõ hơn về các ví dụ mã được sử dụng trong trang web.
Các hướng dẫn tiếp theo trong loạt bài này giải thích cách analytics.js công trình.
Page updated
Google Sites
Report abuse