Google Tag Manager (GTM) là trình quản lý thẻ của Google, GTM được sử dụng để quản lý những thẻ khác của Google và những thẻ bên ngoài nền tảng Google. Bạn chỉ cần cài đặt duy nhất 1 thẻ GTM và tất cả các thẻ còn lại được cài đặt gián tiếp thông qua GTM.

Như vậy bạn nào rành GTM sẽ giúp cho bạn cài đặt các thẻ khác nhanh chóng hơn. Ngoài ra GTM lại giúp cho nhà quảng cáo đo lường được nhiều thông số quan trọng trên website.

Google Tag Manager thường gọi tắt là GTM được ứng dụng rộng rãi trong quá trình cài đặt & setup 1 chiến dịch quảng cáo Google Ads giúp bạn lấy đối tượng, đo lường chuyển đổi dễ dàng và nhanh chóng hơn.

Tuy nhiên, việc sử dụng GTM là khá phức tạp với người dùng mới. Bài viết này sẽ hướng dẫn bạn dùng GTM một cách dễ dàng, hãy kiên nhẫn!

Google Tag Manager là gì
Google Tag Manager là gì

Cách hoạt động của GTM

Google Tag Manager (GTM) là trình quản lý thẻ của Google, GTM sẽ có vái trò quản lý các thẻ bao gồm thẻ của Google và những thẻ khác nằm không phải của Google. Giúp cho người làm marketing online được thuận tiện hơn khi cài đặt thẻ mà họ không cần tác động đến phần source code của website.

Trước khi làm được GTM bạn cần phải hiểu Thẻ là gì.

Thẻ (Tag) là gì?

Thẻ là một đoạn mã theo dõi sự kiện do một nền tảng lớn đưa ra như Google, Facebook để giúp nhà quảng cáo dễ dàng theo dõi hành vi của người dùng khi vào Website.

Ví dụ thẻ Google Analytics dùng để đo lường số lượng người truy cập vào website. Thẻ Global site tag này là 1 đoạn mã có tác dụng đo lường thông tin trên website, Sau khi cài mã này lên website thì chúng ta biết được số người dùng vào website như hình bên dưới.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CP1PXYVPJR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-CP1PXYVPJR');
</script>
Thẻ Google Analytics
Thẻ Google Analytics

GTM hoạt động ra sao?

Rất tiếc là 1 website không chỉ cài 1 đoạn mã duy nhất. Website có thể cài lên đến 5 – 6 đoạn mã Tag. Như vậy nếu cài thẻ nào bạn cũng dán lên website thì website trở nên rất rườm rà, khó quản lý.

Do đó giải quyết vấn đề này GTM ra đời. GTM là trình quản lý thẻ, có nghĩ GTM sẽ quản lý 5-6 đoạn mã trên. Và thay vì bạn phải cài lên website từng đoạn mã thì bạn chỉ cần cài lên GTM là đã đủ rồi.

Google Tag Manager (GTM) là gì
Google Tag Manager (GTM) là gì

Như vậy khi bạn đã có GTM thì tất cả các đoạn mã (Thẻ) bạn cài thẳng lên GTM chứ không cần cài lên website của mình. Đó là sự tiện lợi nhất của GTM và đúng như tên gọi của nó là trình quản lý thẻ.

Cài đặt Google Tag Manager cho website

Nếu bạn đang học quảng cáo Google Ads thì nhất thiết bạn cần phải nắm được GTM. Học viên tại IMTA được hướng dẫn GTM để kích hoạt và lấy dữ liệu phục vụ quá trình làm digital marketing. Trước tiên bạn phải cài đặt GTM lên website của mình. Việc cài đặt này nói chung là khá nhanh. Bạn hãy làm theo các bước sau nhé:

Bước 1: Truy cập vào đường link Google Marketing Platform:https://marketingplatform.google.com/about/tag-manager/

Đăng ký Google Tag Manager
Đăng ký Google Tag Manager

Bước 2: Bạn nhấn vào Start for free để đăng ký 1 tài khoản miễn phí. Bạn sẽ thấy màn hình điền thông tin lên như sau:

Nhập thông tin đăng ký Google Tag Manager
Nhập thông tin đăng ký Google Tag Manager

Tên tài khoản: Nên nhập là tên domain của bạn. Ví dụ là imta.edu.vn hoặc imta.vn. Bạn phải thay domain của bạn vào nhé.

Quốc gia: Chọn Việt Nam

Tên vùng chứa: Đặt tên domain của bạn như ở bước Tên tài khoản

Nền tảng nhắm mục tiêu: Chọn Web

Bước 3: tiếp theo là nhấn Tạo

Sau đó bạn hãy đồng ý các điều khoản của GTM nhé.

Đồng ý điều khoản của GTM
Đồng ý điều khoản của GTM

Sau khi nhấn có bạn chờ khoảng 10 giây để chuyển về màn hình của GTM nhé. Và 2 đoạn code hiển thị lên.

Đoạn mã Google Tag Manager
Đoạn mã Google Tag Manager

Bạn hãy để 2 màn hình này để copy vào thẻ head và thẻ body của website nhé.

Bước 4: Truy cập vào admin của website để dán 2 đoạn code trên. Lúc này có 2 cách để cài. Bạn có thể cài bằng theme hỗ trợ sẵn nếu dùng WordPress, hoặc cài đặt thêm plugin cho WordPress. Còn nếu bạn nào code tay thì dán thẳng vào code luôn nhé.

Nếu bạn nào dùng Flatsome theme thì có thể vào mục Flatsome => Advanced để cài trực tiếp vào theme tốt hơn.

Cài script vào Flatsome theme
Cài script vào Flatsome theme

Để tổng quan nhất mình giới thiệu plugin để cài, bạn vô mục plugin và tìm plugin có tên: Insert Headers and Footers by WPBeginnernd Footers nhấn Cài đặt và kích hoạt nhé.

Cài đặt plugin Insert Headers and Footers by WPBeginner
Cài đặt plugin Insert Headers and Footers by WPBeginner

Bước tiếp theo là bạn copy 2 đoạn code ở trên vào như hình bên dưới và lưu lại.

Cài đặt code GTM
Cài đặt code GTM

Như vậy là chúng ta đã xong bước cài đặt mã GTM lên website WordPress. Nếu bạn dùng các dịch vụ thiết kế website khác thì bạn nhờ đơn vị bên đó cài mã GTM nhé.

Nếu bạn đang học khóa học marketing online hoặc quảng cáo Google Ads tại IMTA có thể nhờ kỹ thuật của IMTA để cài đặt cho bạn.

Kiểm tra mã GTM đã cài đặt thành công

Để kiểm tra mã GTM cài đặt thành công hay chưa bạn có thể dùng Extension của Google Tag Assistant Legacy (by Google). Bạn hãy dùng trình duyệt Chorme lên Google gõ từ khóa và cài đặt lên trình duyệt nhé

Cài đặt Google Tag Assistant
Cài đặt Google Tag Assistant

Để kiểm tra được mã này bạn phải làm thủ công 1 chút. Vào biểu tượng Extension để ghim Tag Assistant Legacy ra ngoài. Sau đó click vào logo của Tag Assistant, ban đầu bạn sẽ nhấn chữ Done.

Tiếp theo truy cập vào website muốn kiểm tra và nhìn thực hành theo hình bên dưới nhé.

Kiểm tra mã Google Tag Manager
Kiểm tra mã Google Tag Manager

(1) Vào website cần check; (2) Click vào biểu tưởng Tag Assistant; (3) Enable; (4) Tải lại trang; (5) Nếu bạn thấy chữ Google Tag Manager có nghĩa đã cài đặt thành công

Lưu ý: Nếu bạn nào không thấy có thể trình duyệt lưu cache, bạn phải nhấn shift + F5 hoặc xóa cache của trình duyệt đi.

Cách sử dụng Google Tag Manager

Để sử dụng Google Tag Manager bạn truy cập vào đường link của GTM. Hiện tại Google cung cấp 2 đường link có thể vào GTM.

https://tagmanager.google.com/

https://marketingplatform.google.com/about/tag-manager/

Sau khi đăng nhập vào xong bạn muốn vào vùng chứa nào (website nào) thì nhấn vào đường link của tên vùng chứa đó. Giao diện của Google Tag Manager gồm 3 phần: Không gian làm việc, Phiên bản, Quản trị viên. Bạn sử dụng chủ yếu là Không gian làm việc.

Giao diện Google Tag Manager
Giao diện Google Tag Manager

Để sử dụng được Google Tag Manager bạn cần phải hiểu rõ 3 khái niệm sau:

  • Thẻ (Tag): Là đoạn mã hoặc dữ liệu cần đo lường của 1 nền tảng cung cấp cho bạn. Ví dụ ở trên mình đã nói về thẻ Google Analytics. Như vậy bạn sẽ có rất nhiều thẻ.
  • Trình kích hoạt: Là điều kiện để cho thẻ được kích hoạt khi biến chạy.
  • Biến: Biến là những hành vi người dùng trên website mà chúng ta dựa vào đó để đo lường Thẻ.

Kích hoạt toàn bộ biến

Bước đầu tiên là bạn kích hoạt toàn bộ biến, bởi vì có rất nhiều hành vi vào website của chúng ta. Chúng ta kích hoạt toàn bộ để thuận tiện cho bước cài đặt 1 thẻ. Bạn hãy check toàn bộ mục định cấu hình biến tích hợp nhé.

Định cấu hình biến
Định cấu hình biến

Tiếp theo là mở 1 thẻ để cài đặt vào website

Mình đưa ra 1 ví dụ thế này, bạn sẽ cài đặt 1 thẻ HTML của IMTA đã viết. Mã cài đặt này sẽ hiển thị vào website. Tức nhiên là khi có GTM rồi thì bạn không cần truy cập vào admin của website để sửa code nhé.

Đoạn code như sau:

 <div style="width: 100%;height: 400px; background-color: bisque; border: 5px dashed #ccc;">
        <p style="text-align: center; line-height: 300px; font-size: 25px;">Học Google Tag Tại IMTA - IMTA chuyên đào tạo quảng cáo Google cơ bản đến nâng cao</p>
        <p style="text-align: center; font-size: 25px;">Chúc mừng bạn đã cài đặt thành công GTM. Thực hành thôi, bạn hãy xóa THẺ này nhé!</p>
 </div>

Kết quả có được sau khi cài đặt. Bạn hãy cài để hiểu và học nhé.

Cài thẻ HTML cho website bằng GTM
Cài thẻ HTML cho website bằng GTM

Mở mới 1 thẻ: Bạn vào Thẻ => Nhấn Mới

Mở mới thẻ
Mở mới thẻ

Đặt tên thẻ, mình đặt tên là Thẻ thực hành IMTA

Đặt tên thẻ GTM
Đặt tên thẻ GTM

Chọn thẻ HTML tùy chỉnh

Chọn HTML tùy chỉnh
Chọn HTML tùy chỉnh

Copy đoạn code trên vào mục trống của html

Dán code vào HTML
Dán code vào HTML

Mở trình kích hoạt

Trình kích hoạt là điều kiện để thẻ này hoạt động.

Mình muốn đưa ra điều kiện là thẻ này sẽ xuất hiện ở mọi nơi trên trang website. Tức là đoạn code trên hiển thì toàn bộ Trang của website. Lúc này Google đã cung cấp sẵn cho chúng ta 1 trình kích hoạt có tên là ALLPAGES.

Như vậy mình đặt điều kiện kích hoạt là ALLPAGES: Tức là vô trang nào thì đoạn code trên cũng chạy và xuất ra dòng chữ với nền màu cam.

Chọn trình kích hoạt
Chọn trình kích hoạt
Trình kích hoạt AllPages
Trình kích hoạt AllPages

Bây giờ bạn đã có mà hình như sau. Bạn hãy nhìn màn hình này và đọc lại câu bên dưới. Đây là bài thực hành cơ bản đầu tiên để bạn hiểu Google Tag Manager thôi nhé, và những bài sau thì mình sẽ hướng dẫn cài đặt các thẻ như Google Analytics, Facebook Pixel, Thẻ chuyển đổi. Người làm marketing online hiểu càng nhiều GTM thì càng thuận tiện cho công việc của bạn

Bạn hãy đọc và ngẫm nghĩ: Thẻ “Thẻ thực hành IMTA” được kích hoạt AllPages. Tức là thẻ này được kích hoạt tất cả trang của website.

Lưu lại thẻ
Lưu lại thẻ

Lưu lại thẻ. Bạn chờ khoảng 5 giây

Thẻ IMTA
Thẻ IMTA

Bạn hãy lên website kéo xuống dưới cùng có thấy thẻ của IMTA xuất hiện không nhé!

Xuất bản để kích hoạt thẻ

Ở bước trên tức nhiên bạn sẽ không thấy đoạn mã hiển thị lên website của mình. Bởi vì sau khi tạo xong 1 thẻ bạn phải gửi và xuất bản thẻ.

Gửi thẻ GTM
Gửi thẻ GTM

Màn hình sau hiển thị lên và nhấn Xuất bản nhé

Xuất bản thẻ GTM
Xuất bản thẻ GTM
Tiếp tục xuất bản thẻ
Tiếp tục xuất bản thẻ

Bạn hãy chờ đến dòng chữ: Hát như thể không có ai đang lắng nghe.

Xuất bản thành công
Xuất bản thành công

Bây giờ bạn hãy vào website và kéo xuống dưới cùng đã thấy dòng chữ báo thành công chưa nhé. Nếu đã thành công thì cài đặt GTM đã thành công rồi.

Một số câu hỏi thường gặp khi dùng GTM

Sau đây là một số câu hỏi mà mình rất thường gặp khi các bạn học về GTM

Kết luận

Mục tiêu bài viết này là hướng dẫn bạn cài đặt thẻ Google Tag Manager (GTM) và thực hành cài 1 thẻ cơ bản đầu tiên để bạn biết cách và hiểu về: Thẻ, Trình kích hoạt, Biến. Bạn thấy đấy, vì mình kích hoạt AllPages nên bạn vào bất cứ trang nào trên website cũng xuất hiện dòng chữ và thẻ của IMTA.

Đây là bài hướng dẫn cơ bản nhất về GTM, tuy nhiên là nền tảng để bạn có thể kích hoạt những thẻ như Google Analytics, Facebook Pixel hoặc đo lường chuyển đổi của Google Ads.

Trong những bài viết sau thì IMTA sẽ hướng dẫn bạn cài đặt Google Analytics bằng GTM

Chúc bạn thành công và hạnh phúc trong cuộc sống!

Digital Marketing IMTA Google AdsGoogle Tag Manager (GTM) là gì? Hướng dẫn sử dụng chi tiết 2024