Gắn thẻ phía máy chủ là một cách mới để sử dụng Trình quản lý thẻ của Google nhằm đo lường trên các thiết bị. Các vùng chứa máy chủ sử dụng cùng một thẻ, điều kiện kích hoạt và biến thể bạn quen dùng, đồng thời cung cấp các công cụ mới cho phép bạn có thể đo lường hoạt động của người dùng bất cứ khi nào hoạt động đó xảy ra.
Một cấu hình gắn thẻ thông thường mà không có tính năng gắn thẻ phía máy chủ sẽ dựa vào vùng chứa trên trang để gửi dữ liệu đo lường đến nhiều máy chủ thu thập. Hình 1 minh hoạ ví dụ về cách vùng chứa web của Trình quản lý thẻ chạy trong một trình duyệt web gửi dữ liệu đến nhiều máy chủ.
Hình 1: Sơ đồ về một trang web được thiết lập để sử dụng vùng chứa web trong Trình quản lý thẻ của Google.
Ngược lại, vùng chứa phía máy chủ không chạy trong trình duyệt của người dùng hoặc trên điện thoại. Thay vào đó, nó chạy trên một máy chủ mà bạn kiểm soát.
Hình 2: Ví dụ về cấu hình gắn thẻ sử dụng vùng chứa phía máy chủ.
Máy chủ này chạy trong dự án Google Cloud Platform của riêng bạn hoặc trong một môi trường khác nhau do bạn chọn—và chỉ bạn mới có quyền truy cập vào dữ liệu trong máy chủ cho đến khi bạn chọn gửi dữ liệu đó đến nơi khác. Bạn có toàn quyền kiểm soát cách dữ liệu đó được định hình và nơi dữ liệu được định tuyến từ máy chủ. Thẻ được tạo bằng cách sử dụng JavaScript trong hộp cát công nghệ. Các quyền này giúp bạn biết được chức năng của thẻ và cho phép bạn đặt các ranh giới xung quanh vùng chứa.
Máy chủ nhận yêu cầu web từ thiết bị của người dùng và biến đổi những yêu cầu đó yêu cầu vào sự kiện. Mỗi sự kiện sẽ được xử lý bởi thẻ, trình kích hoạt và biến. Thẻ, trình kích hoạt và biến trong máy chủ vùng chứa hoạt động giống hệt như trong các loại vùng chứa khác: Trình kích hoạt kiểm tra từng sự kiện để tìm các điều kiện nhất định và khi thích hợp, kích hoạt các thẻ gửi dữ liệu sự kiện cần xử lý.
Mô hình này đưa ra hai câu hỏi quan trọng về vùng chứa phía máy chủ:
- Dữ liệu đo lường được chuyển từ thiết bị của người dùng đến vùng chứa của máy chủ bằng cách nào?
- Dữ liệu đo lường được gửi đến một vùng chứa phía máy chủ sẽ được chuyển thành sự kiện bằng cách nào?
Câu trả lời cho cả hai câu hỏi là một loại thực thể mới để sử dụng trong máy chủ vùng chứa: khách hàng.
Cách làm việc của khách hàng
Ứng dụng là các bộ chuyển đổi giữa phần mềm chạy trên thiết bị của người dùng và vùng chứa phía máy chủ. Khách hàng nhận dữ liệu đo lường từ một thiết bị, sau đó biến đổi dữ liệu đó vào một hoặc nhiều sự kiện, định tuyến dữ liệu cần được xử lý trong vùng chứa, và đóng gói kết quả để gửi lại cho người yêu cầu.
Có rất nhiều nội dung! Hãy cùng xem xét kỹ hơn từng phần. Hình 3 cho thấy dữ liệu chuyển từ web của người dùng vào vùng chứa của máy chủ trình duyệt và từ máy chủ web đến vùng chứa của máy chủ.
Hình 3: Một ứng dụng khác nhau xử lý từng luồng dữ liệu.
Khách hàng nhận dữ liệu đo lường từ một thiết bị. Giả sử bạn muốn đo lường hoạt động của người dùng ở 3 nền tảng: trang web, ứng dụng dành cho điện thoại và ứng dụng thông minh máy nướng bánh mì. Trang web của bạn dùng Google Analytics, ứng dụng dành cho điện thoại dùng Firebase Analytics và máy nướng bánh mì của bạn sử dụng một giao thức độc quyền có tên là "ToastMeasure".
Thông thường, việc đo lường ba thiết bị này bằng Trình quản lý thẻ của Google sẽ yêu cầu một vùng chứa khác nhau cho từng nền tảng. Vì vùng chứa máy chủ không chạy trên thiết bị, nên cùng một vùng chứa có thể xử lý hoạt động đo lường phân tích cho cả ba nền tảng thiết bị. Tuy nhiên, đã xảy ra sự cố. Không phải tất cả các thiết bị này đều giao tiếp theo cùng một cách. Giao thức Google Analytics không giống với giao thức ToastMeasure. Đây là nơi khách hàng cần đến.
Thay vì 3 vùng chứa đó, vùng chứa phía máy chủ của bạn có 3 ứng dụng. Mọi yêu cầu đến vùng chứa sẽ được từng khách hàng xử lý trong thứ tự ưu tiên, khách hàng có mức độ ưu tiên cao nhất được xếp trước. Điều đầu tiên mà mỗi khách hàng sẽ sẽ quyết định xem ứng dụng có biết cách xử lý loại yêu cầu đó hay không. Nếu có thể, khách hàng "xác nhận quyền sở hữu" yêu cầu và chuyển sang giai đoạn tiếp theo của đang xử lý. Hành động xác nhận yêu cầu ngăn các khách hàng tiếp theo đang chạy. Nếu ứng dụng không thể xử lý yêu cầu, thì ứng dụng sẽ không làm gì cả và cho phép các ứng dụng khách khác để quyết định có xử lý yêu cầu hay không.
Ứng dụng chuyển đổi dữ liệu yêu cầu thành một hoặc nhiều sự kiện. Sau khi ứng dụng ToastMeasure xác nhận một yêu cầu, ứng dụng này cần biến đổi vào nội dung mà phần còn lại của vùng chứa hiểu. Có gì đó một nhóm sự kiện.
Sự kiện là những sự kiện xảy ra mà bạn muốn đo lường. Nội dung mô tả có thể là bất kỳ nội dung nào:
start_toasting, finish_toasting hoặc buy_bread. Có một số
đề xuất về cấu trúc của
những sự kiện mà khách hàng tạo ra, nhưng yêu cầu duy nhất là phần còn lại của
vùng chứa hiểu chúng.
Ứng dụng chạy vùng chứa. Khách hàng đã xác nhận yêu cầu và chuyển yêu cầu đó thành các sự kiện. Giờ là lúc để gắn thẻ, trình kích hoạt và biến. Khách hàng chuyển từng sự kiện sang phần còn lại của vùng chứa để xử lý thêm.
Ứng dụng đóng gói kết quả để gửi lại cho thiết bị. Khi vùng chứa đã chạy, đã đến lúc phản hồi thông báo ngắn. Thời gian phản hồi có thể mất nhiều hình thức. Có thể khách hàng chỉ nói "Được rồi, xong rồi". Có thể một trong các thẻ muốn để chuyển hướng yêu cầu tới một máy chủ thu thập khác. Hoặc có thể là một trong các thẻ yêu cầu đèn trên máy nướng bánh thay đổi màu sắc. Mọi việc cần làm xảy ra, công việc của khách hàng là thu thập kết quả và gửi lại cho người yêu cầu.
Thật may là Trình quản lý thẻ sẽ xử lý hầu hết các việc này cho bạn. Vùng chứa của máy chủ với 3 khách hàng gồm: Google Analytics 4, Google Analytics: Universal Analytics và Measurement Protocol. Những khách hàng này cung cấp các công cụ bạn cần để bắt đầu đo lường cho đơn đăng ký của mình ngay khi bạn tạo xong vùng chứa.
Một ví dụ ngắn
Hãy xem qua một ví dụ nhanh để thấy cách tất cả các thành phần kết hợp với nhau. Ngang bằng trong ví dụ này, bạn sẽ tạo như sau:
- Một trang web đơn giản sử dụng gtag.js để gửi sự kiện
clickđến một vùng chứa phía máy chủ. - Một khách hàng Google Analytics 4 nhận được sự kiện này.
- Một điều kiện kích hoạt sẽ kích hoạt trên sự kiện
click. - Thẻ Google Analytics 4 gửi dữ liệu sự kiện đến Google Analytics để đang xử lý.
Đối với ví dụ này, chúng tôi sẽ giả định rằng bạn đã tạo và được triển khai vùng chứa phía máy chủ của bạn.
Định cấu hình gtag.js
Trước tiên, hãy định cấu hình gtag.js để gửi dữ liệu đến vùng chứa phía máy chủ. Bằng
gtag.js, việc gửi dữ liệu đến vùng chứa của máy chủ hoạt động giống như gửi dữ liệu đến
Google Analytics, với một sửa đổi. Như trong trang ví dụ bên dưới, hãy đặt giá trị
Tuỳ chọn cấu hình server_container_url để trỏ đến vùng chứa phía máy chủ.
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID', {
server_container_url: 'https://analytics.example.com',
});
</script>
Thay thế TAG_ID bằng mã thẻ của bạn.
Thay thế https://analytics.example.com bằng URL vùng chứa phía máy chủ.
Tiếp theo, hãy thêm hàm sendEvent() để xử lý các sự kiện click:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID', {
server_container_url: 'https://analytics.example.com',
});
function sendEvent() {
gtag('event', 'click');
}
</script>
<button onclick="javascript:sendEvent()">Send Event</button>
Thay thế TAG_ID bằng mã thẻ của bạn.
Thay thế https://analytics.example.com bằng URL vùng chứa phía máy chủ.
Với cấu hình này, các trình xử lý sự kiện chẳng hạn như hàm sendEvent()
có trong ví dụ này sẽ gửi một sự kiện click đến vùng chứa của máy chủ.
Khách hàng Google Analytics 4
Vùng chứa của bạn cần ứng dụng khách nhận sự kiện sau khi sự kiện đến máy chủ. Rất may là các vùng chứa phía máy chủ đi kèm với một ứng dụng Google Analytics 4 cài đặt sẵn, do đó bạn đã hoàn tất bước này.
Trình kích hoạt nhấp chuột
Tiếp theo, hãy tạo một điều kiện kích hoạt sẽ kích hoạt trên sự kiện click. Tạo một Tuỳ chỉnh
Trình kích hoạt sẽ kích hoạt khi biến tích hợp Tên sự kiện bằng với
"nhấp chuột".
Thẻ Google Analytics 4
Cuối cùng, hãy đính kèm một thẻ GA4 vào điều kiện kích hoạt. Giống như với ứng dụng, vùng chứa phía máy chủ đi kèm thẻ GA4. Bạn chỉ cần tạo thẻ, định cấu hình chế độ cài đặt, và giờ bạn đã kết nối vùng chứa của mình. Ứng dụng GA4 và thẻ GA4 được thiết kế để cùng làm việc. Điều này có nghĩa là bạn chỉ cần tạo thẻ GA4 và sẽ được lấy tự động từ các sự kiện bắt nguồn từ khách hàng.
Xem trước vùng chứa
Giờ vùng chứa đã được định cấu hình, hãy nhấp vào Xem trước. Truy cập vào trang web của bạn trong cửa sổ trình duyệt khác. Khi yêu cầu và sự kiện được gửi đến máy chủ của bạn , bạn sẽ thấy các yêu cầu và sự kiện được liệt kê ở phía bên trái của trang xem trước.
Khi bạn đã hài lòng với các thay đổi của mình, hãy xuất bản vùng chứa phía máy chủ.
Định cấu hình máy chủ cho chế độ sản xuất bằng tính năng phân phát của bên thứ nhất
Trước khi gửi bất kỳ lưu lượng truy cập sản xuất nào đến vùng chứa của máy chủ, chúng tôi bạn nên cài đặt máy chủ này trên miền của bên thứ nhất và nâng cấp máy chủ lên chế độ sản xuất.