Làm theo các bước sau để cài đặt đoạn mã cần thiết cho vùng chứa Trình quản lý thẻ của Google trên trang web của bạn. Nếu bạn muốn biết các bước tương tự để thiết lập Trình quản lý thẻ cho những loại vùng chứa khác, hãy tham khảo các tài nguyên sau:
- iOS: Trình quản lý thẻ của Google cho iOS
- Android: Trình quản lý thẻ của Google cho Android
- AMP: Hướng dẫn thiết lập AMP và Trình quản lý thẻ
- Máy chủ: Trình quản lý thẻ phía máy chủ
Trước khi bắt đầu
- Bạn phải tạo tài khoản và vùng chứa Trình quản lý thẻ.
- Bạn phải có quyền truy cập vào mã của trang web.
Các bước
- Truy cập vào https://tagmanager.google.com.
- Đăng nhập vào Tài khoản Google của bạn. Tìm hiểu cách tạo Tài khoản Google.
- Mở vùng chứa Trình quản lý thẻ mà bạn muốn chỉnh sửa.
- Trong thẻ Không gian làm việc, hãy chọn mã vùng chứa (bắt đầu bằng "GTM").
- Trong hộp thoại Cài đặt Trình quản lý thẻ của Google, hãy làm theo các bước sau đây cho từng trang trên trang web của bạn:
Lưu ý: Nếu trang web của bạn được tạo bằng trình tạo trang web hoặc hệ thống quản lý nội dung (CMS) như Wordpress, Shopify hoặc Wix, thì bạn có thể thiết lập thẻ Google bằng một chế độ tích hợp không yêu cầu bạn cập nhật mã trên mỗi trang của trang web. Tìm hiểu cách Cài đặt thẻ Google bằng một trình tạo trang web hoặc CMS
- Sao chép khối mã đầu tiên rồi dán vào thẻ
<head>ở vị trí cao nhất có thể.Ví dụ
Trong đoạn mã HTML mẫu sau đây, bạn sẽ dán đoạn mã Trình quản lý thẻ của Google đầu tiên sau thẻ HTML mở <head>. Xin lưu ý rằng ví dụ sau đây sử dụng "GTM-ABCDEFGH", nhưng bạn phải thay thế mã nhận dạng này bằng mã vùng chứa của mình.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - Sao chép đoạn mã thứ hai rồi dán ngay sau thẻ mở
<body>.Ví dụ
Trong đoạn mã HTML mẫu sau đây, bạn sẽ dán đoạn mã thứ hai của Trình quản lý thẻ của Google ngay sau thẻ HTML mở <body>. Xin lưu ý rằng ví dụ sau đây sử dụng "GTM-ABCDEFGH", nhưng bạn phải thay thế mã nhận dạng này bằng mã vùng chứa của mình.<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Example Webpage</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>Welcome to My Website</h1>
<p>This is a sample paragraph on my webpage.</p>
</body>
</html> - Kiểm thử trang web của bạn bằng cách nhập đường liên kết của trang web, rồi nhấp vào Kiểm thử.
- Sao chép khối mã đầu tiên rồi dán vào thẻ
- Nhấp vào OK.
Các bước tiếp theo
Sử dụng Trình quản lý thẻ của Google để thiết lập và quản lý thẻ.