Dự án Accelerated Mobile Pages (AMP) là một nền tảng web nguồn mở giúp cải thiện hiệu suất của nội dung web. AMP có tính năng hỗ trợ được tích hợp sẵn cho Trình quản lý thẻ của Google. Tài liệu này hướng dẫn cách thiết lập Trình quản lý thẻ của Google trên các trang AMP.
Cách cài đặt Trình quản lý thẻ cho AMP:
- Tạo một vùng chứa AMP trong Trình quản lý thẻ.
- Thêm đoạn mã Trình quản lý thẻ vào các trang AMP.
- Định cấu hình thẻ trong vùng chứa Trình quản lý thẻ và xuất bản.
Tạo vùng chứa AMP
Trình quản lý thẻ có loại vùng chứa AMP. Hãy tạo một vùng chứa AMP mới cho dự án của bạn theo hướng dẫn sau:
- Trên màn hình Tài khoản, hãy nhấp vào biểu tượng Hành động khác (
) cho tài khoản bạn muốn sử dụng. Chọn Tạo vùng chứa.
- Đặt tên cho vùng chứa. Hãy sử dụng tên mang tính mô tả, ví dụ: "example.com - tin tức - AMP".
- Trong mục Nơi sử dụng vùng chứa, hãy chọn AMP.
- Nhấp vào Tạo.
) cho tài khoản bạn muốn sử dụng. Chọn Tạo vùng chứa.Vùng chứa của bạn giờ đã sẵn sàng. Bước tiếp theo là cài đặt mã Trình quản lý thẻ trên các trang AMP của bạn.
Trình quản lý thẻ sẽ cung cấp thông tin về cách tốt nhất để cài đặt đoạn mã và bạn có thể tham khảo mục tiếp theo để được hướng dẫn thêm.
Thêm đoạn mã Trình quản lý thẻ
Sau khi bạn tạo vùng chứa AMP mới, màn hình Cài đặt Trình quản lý thẻ của Google sẽ xuất hiện. Trình quản lý thẻ cung cấp hai đoạn mã. Hãy sao chép các đoạn mã này để chúng xuất hiện trên các trang AMP của bạn.
Đoạn mã đầu tiên thêm thành phần amp-analytics vào trang AMP của bạn. Mã này được đặt ở cuối mục <head> của trang và chỉ nên xuất hiện một lần trên trang.
Đoạn mã thứ hai định cấu hình thành phần amp-analytics để sử dụng Trình quản lý thẻ. Hãy đặt mã này ngay sau phần tử <body> mở. Thay GTM-CONTAINER_ID bằng ID vùng chứa của Trình quản lý thẻ hoặc sao chép và dán toàn bộ đoạn mã từ giao diện người dùng Trình quản lý thẻ.
<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>
Định cấu hình vùng chứa và xuất bản
Khi các trang của bạn có đoạn mã chứa được cài đặt chính xác, chúng sẽ có thể kích hoạt các thẻ được triển khai từ Trình quản lý thẻ. Bước tiếp theo là tạo cấu hình thẻ và xuất bản vùng chứa.
Cách tạo một thẻ mới:
- Nhấp vào Thẻ
Mới.
- Nhấp vào Cấu hình thẻ và chọn loại thẻ từ danh sách các thẻ AMP được hỗ trợ.
- Định cấu hình thẻ bằng thông tin do nhà cung cấp thẻ của bạn cung cấp.
- Nhấp vào Kích hoạt và thêm một hoặc nhiều điều kiện sự kiện sẽ khiến thẻ kích hoạt.
- Đặt tên cho trình kích hoạt và nhấp vào Lưu.
Mới.Lặp lại các bước này khi tạo cấu hình thẻ bổ sung. Khi cấu hình vùng chứa của bạn đã sẵn sàng, hãy xuất bản vùng chứa đó để các nội dung thay đổi có hiệu lực.
Biến thể trang
Trình quản lý thẻ có thể nắm bắt các biến AMP và sử dụng chúng trong cấu hình thẻ và trình kích hoạt. Ví dụ: một trang bán giày có thể có các biến mô tả các đặc điểm của một loại giày cụ thể. Các giá trị này có thể được sử dụng để tạo các biến Trình quản lý thẻ:
<script type="application/json ">
{
"vars" : {
"type": "shoes",
"color": "red"
}
}
</script>
</amp-analytics>
Cách tạo biến do người dùng xác định trong Trình quản lý thẻ để ghi lại biến màu từ mã trên:
- Nhấp vào Biến.
- Trong Biến do người dùng xác định, hãy nhấp vào Mới.
- Nhấp vào Cấu hình biến và chọn Biến AMP.
- Trong trường Tên biến amp, hãy nhập tên trường (ví dụ: "màu".)
- Đặt cho biến một tên mang tính mô tả (ví dụ: "Biến AMP - màu".)
- Nhấp vào Lưu.