Các trang AMP được phân phát từ miền bộ nhớ đệm AMP. Miền này khác với miền trang web của bạn. Để theo dõi hành trình của người dùng trong bộ nhớ đệm AMP và các trang trên trang web, bạn có thể sử dụng Trình liên kết AMP. Đây là tính năng am-analytics hợp nhất các phiên hoạt động của người dùng bằng cách sử dụng mã ứng dụng khách AMP làm giá trị nhận dạng người dùng.
Trình liên kết AMP sẽ chỉ định mã ứng dụng khách AMP cho các đường dẫn liên kết gửi đi từ các trang bộ nhớ đệm AMP. Sau đó, các trang được gắn thẻ Google Analytics sẽ truy xuất mã ứng dụng khách AMP từ tham số truy vấn URL và hợp nhất phiên hoạt động của người dùng bằng cách sử dụng mã ứng dụng khách AMP làm giá trị nhận dạng người dùng.
Bài viết này mô tả các bước cần thiết để thiết lập Trình liên kết AMP với Google Analytics.
Mức độ ảnh hưởng của mã ứng dụng khách AMP đối với dữ liệu
Việc đồng bộ hoá mã ứng dụng khách AMP giữa Bộ nhớ đệm AMP và miền trang web ban đầu có thể giúp bạn thu được chỉ số chính xác hơn về người dùng, ví dụ: thời lượng phiên, tỷ lệ thoát và số trang mỗi phiên. Xin lưu ý rằng, để mã ứng dụng khách AMP trở nên hữu ích, bạn cần thu thập dữ liệu trong cùng một thuộc tính Google Analytics.
Thiết lập Trình liên kết AMP
Bạn sẽ thiết lập Trình liên kết AMP với Google Analytics theo 3 bước sau:
- Gắn thẻ các trang AMP
- Gắn thẻ các trang không phải AMP
- Thiết lập quy tắc loại trừ đường liên kết giới thiệu
Bước 1. Gắn thẻ các trang AMP để chuyển tham số Trình liên kết AMP
Cài đặt thẻ Google Analytics, thông qua thẻ Google (gtag.js) hoặc thông qua Trình quản lý thẻ của Google. Dựa vào phương thức triển khai của bạn, hãy làm theo hướng dẫn ở bên dưới:
Cách 1: Thẻ Google
Thêm thẻ Google mặc định cho AMP trên trang đích AMP. Hãy xem đoạn mã minh hoạ ở bên dưới và thực hiện các thay đổi sau:
Thay thế MEASUREMENT_ID bằng mã theo dõi của tài sản Google Analytics mà bạn muốn gửi dữ liệu đến
(Không bắt buộc) Nếu các trang AMP được lưu trữ trên một miền cấp cao nhất khác với các đường liên kết dẫn đến trang web của bạn hoặc nếu các trang AMP không nằm trên một miền con phổ biến (ví dụ: không ở trên www., amp., m.), hãy thêm một cấu hình trình liên kết như sau. Hãy thêm miền lưu trữ trang AMP cũng như miền cho mọi đường liên kết chuyển dữ liệu đi.
<script type="application/json">
{
"vars": {
"gtag_id": "MEASUREMENT_ID",
"linker": {
"domains": ["example.com", "example2.com"]
}
,
"config": {
"MEASUREMENT_ID": {
"groups": "default"
}
}
}
}
</script>
</amp-analytics>
gtag_id, bạn có thể chỉ định mã từ mọi sản phẩm của Google (ví dụ: Google Ads hoặc Search Ads 360) mà bạn đang sử dụng trên AMP của mình, nhưng bạn chỉ được phép sử dụng mã từ một sản phẩm của Google trong trường gtag_id.Cách 2: Trình quản lý thẻ của Google
Tạo vùng chứa AMP trong Trình quản lý thẻ của Google.
Thêm một thẻ Google Analytics vào vùng chứa AMP của bạn.
Thêm thẻ Trình liên kết chuyển đổi vào vùng chứa AMP của bạn, rồi chọn "Bật tính năng liên kết trên các miền" và "Cho phép liên kết với mã ứng dụng khách Google Analytics". Nếu các trang đích AMP được lưu trữ trên cùng một miền cấp cao nhất với các đường liên kết dẫn đến trang web của bạn, thì bạn có thể để trống trường miền.
(Không bắt buộc) Nếu các trang AMP của bạn được lưu trữ trên một miền cấp cao nhất khác với các đường liên kết dẫn đến trang web của bạn hoặc nếu các trang AMP không nằm trên một miền con phổ biến (ví dụ: không ở trên www., amp., m.), hãy thêm miền cấp cao nhất mà trang AMP của bạn được lưu trữ, cũng như các miền của mọi đường liên kết chuyển dữ liệu đi dưới dạng danh sách được phân tách bằng dấu phẩy.
Sử dụng đoạn mã Trình quản lý thẻ mặc định trên trang AMP của bạn – Hãy xem ví dụ ở bên dưới và thay thế GTM_CONTAINER_ID bằng mã vùng chứa Trình quản lý thẻ.
<!-- Google Tag Manager →
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=< GTM_CONTAINER_ID>>m.url=SOURCE_URL" data-credentials="include">
</amp-analytics>
Bước 2. Gắn thẻ các trang không phải AMP để đọc thông số Trình liên kết AMP
Có một số cách gắn thẻ các trang không phải AMP để đọc thông số của Trình liên kết AMP, vì vậy, hãy làm theo các hướng dẫn phù hợp nhất với cấu hình của bạn.
Cách 1: Thẻ Google
Thêm đoạn mã gtag.js trên các trang không phải AMP của bạn. Hãy xem đoạn mã minh hoạ dưới đây:
- Thay thế
MEASUREMENT_IDbằng mã theo dõi của tài sản Google Analytics mà bạn muốn gửi dữ liệu đến - (Không bắt buộc) Nếu các trang AMP được lưu trữ trên một miền cấp cao nhất khác với các đường liên kết dẫn đến trang web của bạn hoặc nếu các trang AMP không nằm trên một miền con phổ biến (ví dụ: không ở trên www., amp., m.), hãy thêm một cấu hình trình liên kết như được minh hoạ dưới đây. Hãy thêm miền lưu trữ trang AMP cũng như miền cho mọi đường liên kết chuyển dữ liệu đi.
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('set', 'linker', {
'domains': ['example.com', 'example2.com']
});
gtag('js', new Date());
gtag('config', 'MEASUREMENT_ID');
</script>
Cách 2: Trình quản lý thẻ của Google
Đối với vùng chứa web GTM, hãy nhớ thêm thẻ Google Analytics.
Nếu các trang AMP được lưu trữ trên các miền cấp cao nhất khác nhau từ các đường liên kết dẫn đến trang web của bạn hoặc nếu các trang AMP không nằm trên một miền con phổ biến (ví dụ: không ở trên www., amp., m.), hãy thêm cấu hình sau: Trong thẻ Google Analytics, hãy thêm trường "allowLinker" có giá trị true bằng cách làm theo các bước dưới đây:
- Mở Biến cài đặt Google Analytics mà bạn muốn chỉnh sửa, rồi nhấp vào thẻ Cấu hình biến.
- Điều hướng đến Cài đặt khác > Các trường cần đặt.
- Nhấp vào + THÊM TRƯỜNG.
- Đặt Tên trường thành allowLinker và đặt Giá trị thành true.
- Lưu cấu hình biến mới.
- Lặp lại các bước trước đó cho tất cả các biến Cài đặt Google Analytics có liên quan (nếu bạn đang sử dụng nhiều biến trong vùng chứa của mình).
- Xuất bản vùng chứa.
Sử dụng mã Trình quản lý thẻ mặc định trên các trang không phải AMP.
Cách 3: analytics.js
Đối với các trang không phải AMP, bạn có thể sử dụng đoạn mã Analytics js mặc định để đọc các tham số trình liên kết AMP.
<!-- 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', 'GA_TRACKING_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
(Không bắt buộc) Nếu các trang AMP của bạn được lưu trữ trên một miền cấp cao nhất khác với các đường liên kết dẫn đến trang web của bạn hoặc nếu các trang AMP không nằm trên một miền con phổ biến (ví dụ: không ở trên www., amp., m.), hãy thêm cấu hình được đánh dấu bên dưới, như được mô tả trong cấu hình trên nhiều miền cho analytics.js:
<!-- 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', 'GA_TRACKING_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomain2.example.com','www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Bước 3. Thêm quy tắc loại trừ đường liên kết giới thiệu vào bảng điều khiển dành cho quản trị viên Google Analytics
Khi phân phát nội dung AMP cho người dùng, Google sử dụng Bộ nhớ đệm AMP của Google. Để ngăn các miền con AMP đã lưu vào bộ nhớ đệm làm gián đoạn phiên hoạt động, bạn phải thêm quy tắc loại trừ đường liên kết giới thiệu cho miền cdn.ampproject.org.
subdomain.example.com, thì hãy thêm quy tắc loại trừ giới thiệu cho subdomain-example-com.cdn.ampproject.org. Tìm hiểu thêm về định dạng URL của Bộ nhớ đệm AMP.Xác minh quy trình thiết lập
Xác minh rằng mã ứng dụng khách Google AMP giữa các trang AMP và các trang không phải AMP trùng khớp với nhau.
Cách 1: Xác minh thông qua công cụ Kiểm tra thẻ AMP
Sử dụng công cụ Kiểm tra thẻ AMP và nhập URL AMP để kiểm tra.
Lưu ý: Công cụ Kiểm tra thẻ AMP là công cụ kiểm tra tự động, mô phỏng quy trình từ trang AMP được phân phát thông qua người xem đến đường liên kết đến trang tiếp theo. Bạn nên dùng công cụ này làm nguyên tắc và không nên cung cấp tất cả các trường hợp kiểm tra (ví dụ: nếu trang AMP có các đường liên kết đến các miền hoặc miền con khác nhau). Vui lòng sử dụng các tuỳ chọn ở bên dưới cho các tuỳ chọn kiểm tra thủ công.
Cách 2: Xác minh thông qua tiện ích Google Tag Assistant của Chrome
- Tải và cài đặt tiện ích Google Tag Assistant của Chrome
- Nhập một cụm từ tìm kiếm trên google.com sẽ trả về trang AMP cho trang web của bạn.
- Bắt đầu Bản ghi hỗ trợ thẻ.
- Làm mới kết quả tìm kiếm trong trình duyệt sau khi bắt đầu chạy bản ghi.
- Nhấp vào kết quả tìm kiếm dẫn đến trang AMP của bạn.
- Nhấp vào đường dẫn liên kết dẫn từ trang AMP đến trang không phải AMP.
- Dừng Bản ghi hỗ trợ thẻ.
- Đảm bảo chỉ có một phiên hoạt động có mã nhận dạng nhất quán như dưới đây (ví dụ: sự kiện Tải trang 2 không hiển thị trạng thái Bắt đầu phiên hoạt động.)
Cách 3: Xác minh qua Công cụ dành cho nhà phát triển Chrome
- Mở trình duyệt Google Chrome ở chế độ ẩn danh. Sau đó, bật trình mô phỏng thiết bị di động trong Công cụ dành cho nhà phát triển Chrome.
- Nhập cụm từ tìm kiếm trên google.com sẽ trả về trang AMP cho trang web của bạn và nhấp vào kết quả tìm kiếm cho trang AMP. Trang này sẽ được phân phát qua Bộ nhớ đệm AMP của Google và hiển thị trong trình xem AMP của Google Tìm kiếm.
- Lưu ý: Nếu chưa thấy trang của bạn trong kết quả tìm kiếm trên Google, bạn vẫn có thể kiểm tra xem quá trình hợp nhất phiên có đang hoạt động hay không bằng cách truy cập vào công cụ Kiểm tra AMP để xem trước Kết quả tìm kiếm và làm theo các bước dưới đây, miễn là trang cho phép Google lập chỉ mục.
- Tìm yêu cầu mạng từ Google Analytics về việc xem trang AMP bằng cách: Chuyển đến thẻ Mạng trong Công cụ dành cho nhà phát triển Chrome và nhập "collect" trong trường Bộ lọc.
- Xác định vị trí và chọn yêu cầu mạng được chuyển đến
www.google-analytics.com. Trên thẻ Tiêu đề cho yêu cầu, hãy tìm mã ứng dụng khách bằng cách chuyển đến Thông số chuỗi truy vấn. Hãy ghi lại thông số mã khách hàng. - Khi trang AMP được phân phát từ trình xem AMP, định dạng
cidphải là chuỗi base64 dài 64 ký tự: - Nhấp vào Xoá để xoá các yêu cầu mạng.
- Để xác minh rằng bạn đã chọn sử dụng các trang không phải AMP, hãy xác nhận rằng thông số mã khách hàng vẫn tồn tại khi được chuyển đến trang không phải AMP. Để thực hiện việc này, hãy nhấp vào đường dẫn liên kết bất kỳ trên trang AMP dẫn đến trang không phải AMP được phân phát từ miền của bạn. Để tìm mã ứng dụng khách, hãy lọc ra chuỗi "collect" một lần nữa. Hãy chọn một yêu cầu mạng chuyển đến
www.google-analytics.com. Kiểm tra để đảm bảo rằng giá trị thông số truy vấn về mã khách hàng khớp với giá trị mà bạn ghi lại trong Bước 5.
Các điểm hạn chế
- Nếu người dùng truy cập lần đầu tiên đóng trang AMP mà không di chuyển đến trang tiếp theo, thì việc hợp nhất phiên thông qua trình liên kết AMP sẽ không xảy ra vì quá trình hợp nhất phiên hoạt động bằng cách chỉ định mã cho đường liên kết.