Google Tag Manager là gì

Google Tag Manager là gì? Hướng dẫn cài đặt & sử dụng GTM 2024

  • Trong thời đại kỹ thuật số, việc theo dõi và phân tích dữ liệu website là một công việc vô cùng quan trọng đối với các doanh nghiệp. 

    Bên cạnh đó, việc cài đặt và quản lý các thẻ theo dõi trên website có thể là một thách thức đối với các doanh nghiệp vừa và nhỏ. 

    Tuy nhiên, hiện nay Google Tag Manager đã ra đời, đây là một giải pháp giúp đơn giản hóa việc cài đặt và quản lý các thẻ theo dõi trên website.

    Vậy Google Tag Manager là gì?

    Cách cài đặt và sử dụng Google Tag Manager như thế nào cho hiệu quả?

    Trong bài viết dưới đây mình sẽ chia sẻ cho bạn cụ thể các câu hỏi trên nhé. 

    Bắt đầu ngay thôi nào!

    Google Tag Manager là gì?

    Google Tag Manager (viết tắt là GTM) là một công cụ quản lý thẻ cho phép bạn thêm, cập nhật và quản lý mã theo dõi và các đoạn mã liên quan (gọi chung là thẻ tag) trên trang web hoặc ứng dụng dành cho thiết bị di động của bạn một cách nhanh chóng và dễ dàng.

    Một số ví dụ về các thẻ tag mà bạn có thể sử dụng với Google Tag Manager bao gồm:

    • Thẻ Google Analytics: Thẻ này giúp bạn theo dõi lưu lượng truy cập trang web và phân tích hành vi của khách truy cập.
    • Thẻ Google Ads: Thẻ này giúp bạn theo dõi chuyển đổi từ quảng cáo của Google.
    • Thẻ Facebook Pixel: Thẻ này giúp bạn theo dõi chuyển đổi từ quảng cáo của Facebook.
    • Thẻ YouTube Analytics: Thẻ này giúp bạn theo dõi lượt xem video và phân tích hành vi của người xem video.
    Ví dụ về thẻ google tag
    Ví dụ về thẻ google tag

    Để mình nói thêm một chút về thẻ tag để các bạn dễ hiểu hơn:

    Các thẻ tag là những đoạn mã JavaScript hoặc HTML nhỏ được chèn vào website để theo dõi hành vi của người dùng và thu thập dữ liệu.

    Ví dụ phổ biến nhất về thẻ tag là thẻ Google tag dùng để cài đặt Google Analytics và các sản phẩm khác của Google như Google Search Console, Google Ads,…

    Bạn cần thêm các thẻ này vào mã nguồn website để Google Analytics và các các sản phẩm khác của Google hoạt động và thu thập dữ liệu của website.

    Nhưng với mỗi lần bổ sung và thay đổi này, bạn sẽ có nguy cơ quên, mất hoặc hỏng thẻ tag (hoặc các thành phần khác trên website).

    Google Tag Manager giảm thiểu những vấn đề này bằng cách cho phép bạn cài đặt, quản lý và triển khai các thẻ tag từ bên trong phần mềm của mình thay vì trong mã nguồn website của bạn.

    Và phần mềm chỉ đưa các đoạn mã và thẻ tag vào mã nguồn website của bạn khi cần thiết.

    Vì vậy, bạn sẽ không vô tình làm hỏng trang web của mình khi thử nghiệm thứ gì đó trên website.

    >>> Tìm hiểu về SEO website là làm gì? Công việc của SEOer chuyên nghiệp

    Tại sao nên sử dụng Google Tag Manager?

    Trong quá trình sử dụng Google Tag Manager, mình đã thấy được 7 lý do quan trọng mà bạn nên sử dụng GTM:

    1. Giảm sự phụ thuộc vào các lập trình viên

    Trước đây, để cài đặt các thẻ theo dõi trên website, bạn cần phải nhờ đến sự trợ giúp của các lập trình viên.

    Điều này có thể gây ra sự chậm trễ và tốn kém.

    Với Google Tag Manager, bạn có thể tự mình thêm, chỉnh sửa và xóa các thẻ theo dõi mà không cần phải biết về mã code.

    2. Không cần can thiệp trực tiếp đến code web

    Khi sử dụng Google Tag Manager, bạn chỉ cần cài đặt một đoạn mã ngắn vào website của mình. 

    Sau đó, bạn có thể thêm, chỉnh sửa và xóa các thẻ theo dõi trên giao diện của Google Tag Manager.

    Điều này giúp bạn tránh được việc can thiệp trực tiếp đến code web, giảm thiểu được tình trạng phát sinh các lỗi và xung đột code web.

    3. Giúp website nhẹ hơn vì không cần load nhiều code

    Khi bạn cài đặt các thẻ theo dõi trực tiếp vào website, các thẻ này sẽ được load mỗi khi người dùng truy cập trang web của bạn, điều này có thể làm chậm tốc độ tải trang của website.

    Google Tag Manager giúp bạn giải quyết vấn đề này bằng cách chỉ load các thẻ theo dõi khi cần thiết.

    4. Dễ dàng thêm, sửa, xóa các thẻ tag theo dõi bằng Google Tag Manager

    Giao diện của Google Tag Manager rất trực quan và dễ sử dụng.

    Bạn có thể dễ dàng thêm, sửa và xóa các thẻ theo dõi mà không cần phải biết về mã code.

    5. Có thể quay lại phiên bản cũ

    Nếu bạn vô tình thay đổi cài đặt của Google Tag Manager và khiến website của bạn gặp sự cố, bạn có thể dễ dàng quay lại phiên bản cũ.

    6. Dễ dàng di chuyển cài đặt giữa các tài khoản GTM khác nhau

    Nếu bạn có nhiều website hoặc muốn sử dụng cài đặt của Google Tag Manager trên website khác, bạn có thể dễ dàng di chuyển cài đặt của mình giữa các toàn khoản GTM khác nhau.

    So sánh Google Tag Manager (GTM) với Google Analytics 4 (GA4)

    Mặc dù thường bị nhầm lẫn, nhưng Google Tag Manager và Google Analytics 4 là hai công cụ hoàn toàn khác nhau về mục đích và chức năng.

    Google Tag Manager là một hệ thống quản lý thẻ giúp bạn dễ dàng thêm, chỉnh sửa và xóa các thẻ tag hoặc đoạn mã của bên thứ ba trên trang web của mình.

    (Không có tính năng phân tích hoặc báo cáo trong trong Google Tag Manager).

    So sánh Google Tag Manager với Google Analytics 4
    So sánh Google Tag Manager với Google Analytics 4

    Trong khi đó, Google Analytics là phần mềm được sử dụng để phân tích, theo dõi chuyển đổi và báo cáo dữ liệu của website.

    Bạn có thể sử dụng kết hợp 2 công cụ này bằng cách sử dụng Google Analytics 4 trên nền tảng của Google Tag Manager để quản lý trang web của mình một cách dễ dàng và hiệu quả.

    Cách cài đặt Google Tag Manager cho website của bạn

    Để cài đặt Google Tag Manager cho website của bạn, đầu tiên hãy đăng nhập vào tài khoản Google của bạn và truy cập vào Google Tag Manager.

    Sau đó nhấp vào nút “Tạo tài khoản” để tạo tài khoản.

    Nhấp vào nút “Tạo tài khoản”
    Nhấp vào nút “Tạo tài khoản”

    Tiếp theo, nhập “Tên tài khoản” và chọn quốc gia của bạn.

    Nhập “Tên tài khoản” và chọn quốc gia
    Nhập “Tên tài khoản” và chọn quốc gia

    Tiếp tục, bạn hãy nhập tên vùng chứa (Thông thường, tên vùng chứa có thể là tên trang web của bạn.)

    Nhập tên vùng chứa là domain của website
    Nhập tên vùng chứa là domain của website

    Sau đó, chọn website ở mục “Nền tảng mục tiêu” của bạn.

    Chọn mục website
    Chọn mục website

    Và cuối cùng, nhấp vào nút “ Tạo ” để tạo tài khoản Google Tag Manager của bạn.

    Bạn sẽ thấy hai cửa sổ bật lên.

    Cửa sổ đầu tiên là điều khoản dịch vụ của Google.

    Bạn hãy đồng ý với các điều khoản bằng cách đánh dấu tích ở cuối trang.

    Và nhấp vào ô “Yes ” để chấp nhận các điều khoản ở góc trên bên phải màn hình của bạn.

    Đánh dấu tích ở cuối trang và nhấp vào ô "Yes"
    Đánh dấu tích ở cuối trang và nhấp vào ô “Yes”

    Sau đó, cửa sổ bật lên thứ hai hiển thị các đoạn mã bạn cần thêm vào trang web của mình để hoàn thành cài đặt Google Tag Manager.

    Hai đoạn mã <head> và <body> dùng để gắn vào website
    Hai đoạn mãvàdùng để gắn vào website

    Đoạn mã đầu tiên sử dụng JavaScript để trích xuất thông tin. Đặt đoạn mã đó càng cao càng tốt trong phần <head> của các trang trên trang web của bạn.

    Đoạn mã <head>
    Đoạn mã

    Đoạn mã thứ hai là iframe HTML. Đặt mã đó ngay sau thẻ mở <body> trên trang web của bạn.

    Đoạn mã <body>
    Đoạn mã

    *Lưu ý: Nếu bạn không biết cách khi chèn 2  mã này vào trang web của mình thì hãy nhờ các lập trình viên hỗ trợ để tránh trình trạng chèn sai vị trí.

    Nếu website của bạn đang sử dụng wordpress và nền tảng flatsome, bạn có thể tự tay chèn 2 đoạn mã này vào website của mình một cách dễ dàng như sau:

    Đầu tiên bạn hãy copy đoạn mã trong thẻ <head>

    Copy đoạn mã <head>
    Copy đoạn mã

    Sau đó truy cập vào WordPress > Flatsome > Advanced và dán đoạn mã vào phần HEADER SCRIPTS.

    Dán đoạn mã <head> vào phần HEADER SCRIPTS
    Dán đoạn mãvào phần HEADER SCRIPTS

    Tương tự, bạn cũng copy đoạn mã <body> trong Google Tag Manager và dán vào BODY SCRIPTS trên WordPress.

    Dán đoạn mã <body> vào phần BODY SCRIPTS
    Dán đoạn mãvào phần BODY SCRIPTS

    Sau đó bạn kéo xuống và bấm vào Save All Changes.

    Khi bạn đã thiết lập tài khoản của mình và cài đặt đúng hai đoạn mã ở trên vào website, bạn đã có thể bắt đầu sử dụng Google Tag Manager.

    Cách sử dụng Google Tag Manager

    Để minh họa cách sử dụng Google Tag Manager, mình sẽ hướng dẫn bạn cách kết nối Google Analytics 4 với trang web của bạn thông qua Google Tag Manager.

    Ở đây mình có một lưu ý quan trọng dành cho bạn:

    Để tránh tình trạng số liệu phân tích của bạn bị trùng lặp, hãy đảm bảo bạn đã đã xóa mã Google Analytics 4 khỏi trang web của mình trước khi sử dụng Google Tag Manager.

    Để bắt đầu, hãy đăng nhập vào tài khoản Google Tag Manager của bạn.

    Nhấp vào “Thẻ mới” hoặc “Thêm thẻ mới” để tạo thẻ mới.

    Nhấp vào nút "thẻ mới" hoặc "thêm thẻ mới" để tạo thẻ mới
    Nhấp vào nút “thẻ mới” hoặc “thêm thẻ mới” để tạo thẻ mới

    Thêm tên cho thẻ của bạn (Bạn nên thêm tên “GA4” cho dễ phân biệt với những công cụ khác).

    Thêm tên cho thẻ mới của bạn
    Thêm tên cho thẻ mới của bạn

    Tiếp theo, nhấp vào nút “Cấu hình thẻ”.

    Nhấp vào nút "Cấu hình thẻ"
    Nhấp vào nút “Cấu hình thẻ”

    Và chọn mục “Google Analytics: GA4” từ danh sách.

    Chọn mục "Google Analytics GA4" từ danh sách
    Chọn mục “Google Analytics GA4” từ danh sách

    Nhập mã đo lường cho thuộc tính GA4 của bạn.

    Nhập mã đo lường cho thuộc tính GA4
    Nhập mã đo lường cho thuộc tính GA4

    Nhấp vào nút “Kích hoạt”.

    Nhấp vào nút “Kích hoạt”
    Nhấp vào nút “Kích hoạt”

    Và chọn “Tất cả các trang” từ cửa sổ bật lên.

    Chọn “Tất cả các trang” từ cửa sổ bật lên
    Google Tag Manager là gì? H°Ûng d«n cài ·t & sí dång GTM

    Sau đó nhấp vào nút “Lưu”.

    Nhấp vào nút “Lưu”
    Nhấp vào nút “Lưu”

    Quay lại trang tổng quan và nhấp vào nút “Xem trước” để kiểm tra các thay đổi mới của bạn.

    Nhấp vào nút “Xem trước” để kiếm tra các thay đổi
    Nhấp vào nút “Xem trước” để kiếm tra các thay đổi

    Nhập URL trang web của bạn vào màn hình tiếp theo và nhấp vào nút “Kết nối” để mở trang web của bạn trong cửa sổ mới và bắt đầu kiểm tra và gỡ lỗi.

    Nhấp vào nút “Kết nối”
    Nhấp vào nút “Kết nối”

    Sau khi bạn kết nối, trang web của bạn sẽ mở trong một cửa sổ bật lên mới. Với thẻ hỗ trợ ở góc dưới bên phải cửa sổ của bạn.

    Giữ cửa sổ mới bật lên và quay lại trang xem trước
    Giữ cửa sổ mới bật lên và quay lại trang xem trước

    Giữ cửa sổ đó mở và quay lại trang xem trước. Trang xem trước sẽ có nội dung “Đã kết nối!”

    Trang xem trước báo "Đã kết nối"
    Trang xem trước báo “Đã kết nối”

    Sau khi bạn nhấn “Tiếp tục”, hãy bắt đầu gỡ lỗi thẻ của bạn trong cửa sổ xem trước.

    Như hình trên là bạn đã cài đặt thành công
    Như hình trên là bạn đã cài đặt thành công

    Bạn sẽ thấy thẻ Cấu hình GA4 mới tạo kích hoạt trên mỗi trang khi bạn điều hướng trên trang web của mình.

    Điều này có nghĩa là việc triển khai thẻ của bạn đã thành công.

    Khi bạn gỡ lỗi xong, hãy đóng các cửa sổ mới mở và quay lại tổng quan trang của bạn. Và nhấp vào nút “Gửi” để gửi các thay đổi của bạn.

    Nhấp vào nút "Gửi" để gửi các thay đổi
    Nhấp vào nút “Gửi” để gửi các thay đổi

    Đảm bảo cung cấp cho các thay đổi của bạn “Tên phiên bản” và “Mô tả phiên bản” mang tính mô tả.

    Đảm bảo phải nhập "Tên phiên bản" và "Mô tả phiên bản"
    Đảm bảo phải nhập “Tên phiên bản” và “Mô tả phiên bản”

    Cuối cùng, hãy nhấp vào “ Xuất bản ” để đưa các thay đổi lên trang web trực tiếp của bạn và bật GA4.

    Thao tác này sẽ xuất bản phiên bản mới của vùng chứa lên trang web của bạn.

    Bây giờ, bạn sẽ thấy số lượt truy cập được ghi trong báo cáo “Thời gian thực” của tài sản GA4 khi bạn và những người dùng khác truy cập vào trang web.

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

    Mẹo chuyên nghiệp: Chúng mình thực sự khuyên bạn nên luôn sử dụng chức năng “Xem trước” để kiểm tra và gỡ lỗi thẻ của mình trước khi xuất bản chúng.

    Các tiện ích mở rộng (extension) hỗ trợ Google Tag Manager tốt nhất

    Tiện ích mở rộng của trình duyệt giúp bạn tận dụng mình đa các tính năng của Google Tag Manager.

    Các tiện ích mở rộng sau đây cung cấp thông tin bổ sung về các thẻ đang hoạt động (hoặc không hoạt động) và bất kỳ sự cố nào phát sinh với cài đặt Google Tag Manager của bạn.

    Chúng cũng cung cấp các chi tiết quan trọng liên quan đến các biến, trình kích hoạt và đoạn mã của bạn.

    Các tiện ích mở rộng đó bao gồm:

    Các bạn có thể bấm vào những tiện ích này để tìm hiểu thêm về cách sử dụng chúng nha.

    Lời kết về Google Tag Manager

    Mình hy vọng rằng qua bài viết này các bạn đã có thể hiểu rõ, và sử dụng được cơ bản công cụ SEO Google Tag Manager.

    Nếu bạn còn bất kỳ thắc mắc nào về chủ đề SEO và Digital Marketing thì hãy liên hệ ngay với mình hoặc team Seosona để được hỗ trợ tận tình.

    Ngoài ra bạn còn có thể tham gia khóa học SEO tại SEOSONA để trang bị cho mình những kiến thức kỹ năng SEO thực chiến nhất và dịch vụ SEO Google để giúp tối ưu website và nâng cao thứ hạng từ khóa.

    Chúc bạn thành công!

    Có thể bạn quan tâm:

    Cập nhật lúc: 08:26 , 13/06/2024

    Đăng ký ngay

    Bài viết mới nhất

    5 1 đánh giá
    Đánh giá bài viết
    Theo dõi
    Thông báo của
    guest

    0 Góp ý
    Phản hồi nội tuyến
    Xem tất cả bình luận