Google Tag Manager là gì? Hướng dẫn Trình quản lý thẻ của Google

Google Tag Manager là gì? Hướng dẫn Trình quản lý thẻ của Google
5/5 - (6 bình chọn)

Google Tag Manager là gì? Trình quản lý thẻ của Google là gì? Vì sao nhà quản trị web lại nên sử dụng công cụ này? Mời bạn xem các hướng dẫn trong bài viết sau đây.

Google Tag Manager là gì?

Google Tag Manager (viết tắt là GTM) có nghĩa là Trình quản lý thẻ của Google. Vậy thẻ (Tag) ở đây có nghĩa là gì? thẻ trong GTM có chức năng gì?

Nguyên tắc để 1 công cụ / ứng dụng có thể theo dõi và đo lường trên 1 website đó là phải gắn 1 đoạn mã tracking vào website cần theo dõi, Ví dụ:

  • Google Analytics muốn theo dõi hành vi người dùng trên website thì phải gắn mã ID theo dõi của GA lên website
  • Facebook muốn theo dõi chuyển đổi trên website thì phải gắn mã Pixel vào website
  • Google Ads muốn tiếp thị lại thì ta phải gắn mã tiếp thị lại của google trên website,…

Những đoạn mã (ID theo dõi, Pixel, Tiếp thị lại,…) đó trong GTM được định nghĩa chung là các Thẻ (Tag). Và Google Tag Manager là công cụ của Google để quản lý chung tất cả các thẻ (tag) vào 1 nơi duy nhất.

Ưu điểm của Google Tag Manager

  • Chỉ cần gắn mã 1 lần duy nhất, nó sẽ quản lý nhiều loại mã theo dõi cần gắn lên website sau này.
  • Giảm thiểu số lượng các đoạn mã Javascript phải tải trực tiếp trên website, cải thiện được tốc độ tải trang.
  • Theo dõi được nhiều loại số liệu hữu ích của website.
  • GTM có các mẫu thẻ tiếp thị và đo lường được tích hợp sẵn, của cả Google và các bên thứ ba, giúp bạn dễ dàng chọn và triển khai các thẻ được sử dụng phổ biến nhất.
  • GTM tích hợp với các giải pháp khác của Google, chẳng hạn như Google Ads hoặc Campaign Manager, để tạo điều kiện thuận lợi cho việc quản lý các chiến dịch quảng cáo.
  • GTM cho phép bạn quản lý thẻ theo cách tự động và tạo các giải pháp tùy chỉnh thông qua API Trình quản lý thẻ.

Các thành phần trong Google Tag Manager

Các thành phần chính trong GTM
Các thành phần chính trong GTM

Container (Vùng chứa)

Mỗi website để trong 1 vùng chứa, 1 vùng chứa sẽ chứa nhiều tag

Tag (Thẻ)

Là đoạn mã code mà mình nói ở trên: mã pixel FB, Google Analytics, mã tiếp thị lại Google Ads …v.v (và còn rất nhiều các đoạn mã khác của 1 bên thứ 3 bất kì). GTM hỗ trợ rất nhiều tag

Trigger (Trình kích hoạt)

Xác định điều điện để 1 tag hoạt động. Ví dụ: Điều kiện để tag “Đơn hàng thành công” là tải trang “Xác nhận đăng kí đơn hàng”

Variable (biến)

Bất kì 1 thành phần của 1 phần tử nào đó. Ví dụ: URL, Click ID, Click Class, Path… (Các Biến sẽ bổ sung thông tin chi tiết hơn về trigger để GTM kích hoạt Tag chính xác)

Nguyên lý hoạt động của Google Tag Manager

Dựa trên các thành phần của GMT, nguyên lý hoạt động của GTM như sau:

Khi Trigger xác định đủ điều kiện thì Tag sẽ được GTM kích hoạt.

Ví dụ: bạn cài đặt mã Facebook Pixel, Tag sẽ là đoạn mã code Facebook của bạn, Trigger sẽ là hành động tải một trang nào đó được chỉ định trên website. Vậy, nguyên lý hoạt động của GTM là khi một trang nào đó trên website được tải thì đoạn mã Facebook Pixel sẽ được kích hoạt.

Cách cài đặt Google Tag Manager

Tạo tài khoản GTM

Truy cập https://tagmanager.google.com > Đăng nhập vào tài khoản Google > Tạo một tài khoản GTM. Việc tạo tài khoản rất nhanh chóng, chỉ cần điền một số thông tin chung, chọn tên quốc gia sau đó click “Tiếp tục”.

Tạo tài khoản GTM

Tạo và thiết lập container (vùng chứa)

Tại mục “Tên vùng chứa“, bạn hãy điền bất kỳ tên gì để tiện cho việc theo dõi. Sau đó hãy click chọn “Nơi sử dụng vùng chứa“. Chọn nơi bạn muốn sử dụng container như: Web, iOS, Android, AMP. Tiếp đó, click vào nút “Tạo“.

Tạo và thiết lập container (vùng chứa)

Gắn mã Google Tag Manager vào website

Sau khi click vào nút “Tạo“, một cửa sổ sẽ hiện ra hiển thị những thông tin về điều khoản để có thể sử dụng Google Tag Manager > Click ““. Ngay sau đó sẽ xuất hiện bảng chứa 2 mã code của container mà bạn vừa tạo. Thực hiện 2 thao tác sau:

  1. Copy và paste đoạn code GTM đầu tiên vào trong cặp thẻ <head> </head>
  2. Copy và paste đoạn còn lại vào trong cặp thẻ <body> </body>
Gắn mã Google Tag Manager vào website

Kiểm tra xem GTM đã hoạt động hay chưa

Sử dụng công cụ mở rộng trình duyệt ChromeTag Assistant Legacy (by Google) để kiểm tra cài đặt GTM đã cài thành công chưa.

tag-assistant

Sau khi đã cài xong các hãy vào website, bấm vào icon của Tag Assistant > Chọn Enable > Bấm Record > Load lại (F5) trang web.

Record

Nếu thấy có phần Google Tag Manager màu xanh đã cài đặt đúng, màu vàng là do chưa có 1 thẻ nào trong GTM, hãy tạo 1 thẻ nó sẽ sang màu xanh. Nếu nó là màu đỏ phải kiểm tra lại.

Cài đặt thành công
Cài đặt thành công

Kiểm tra cài đặt bằng trình gỡ lỗi (debug) của GTM

1. Ở góc trên bên phải màn hình, bấm vào nút Xem trước

Xem trước

2. Nhập URL web vào và click nút Connect để kết nối

Kết nối

3. Chờ hộp thoại báo kết nối thành công

Kết nối thành công

4. Quay ra trang web, tải lại trang, ở cuối của URL web có thêm tham số ?gtm_debug=x là được.

Debug GTM

Sử dụng Google Tag Manager

Cài mã theo dõi Google Analytics

Hướng dẫn nhanh

Bước 1: Thêm Trình kích hoạt, chọn cấu hình là tất cả Lượt xem trang

tạo kích hoạt

Bước 2: Tạo thẻ, liên kết với Trình kích hoạt vừa tạo ở bước 1

Truy cập vào menu Thẻ > click nút Mới > Đặt tên cho thẻ

Thêm thẻ
Thêm thẻ

Bước 3: Submit và kiểm tra thẻ đã hoạt động hay chưa

Bạn có thể xem chi tiết các bước trong bài Cách cài đặt Google Analytics bằng GTM

Từ khóa liên quan: mã google tag manager được thêm ở đầu, google tag manager để làm gì, cài đặt google tag manager, cài google tag manager bị lỗi, cách sử dụng google tag manager

Nguồn: Google Tag Manager là gì? Hướng dẫn Trình quản lý thẻ của Google

Bài viết này có hữu ích với bạn không?
Không