Hướng Dẫn Sử Dụng Google Tag Manager Cơ Bản

Đôi khi để chèn bất kỳ Tag Tracking nào vào website, bạn cần phải nhờ vả coder. Nếu coder dễ chịu thì khoảng chừng 5′ là xong, nhưng gặp coder khó tính hay việc ngập đầu thì việc gắn Tag có thể mất đến cả tuần.

Và một khó khăn nữa là khi bạn gắn quá nhiều Tag của nhiều dịch vụ quảng cáo, tracking tool vào website thì một khoảng thời gian bạn sẽ không nhớ Tag nào còn xài và Tag nào không sử dụng nữa. Nguy hiểm nhất là khi coder “lỡ tay” xoá một đoạn code tracking khi chỉnh sửa hay nâng cấp webiste sẽ làm mất dữ liệu của bạn và ảnh hưởng đến KPI marketing.

Google Tag Manager sinh ra để giải quyết những khó khăn này. Vì tất cả các code nằm trong một chổ chứa gọi là container và bạn chỉ cần chèn duy nhất 1 đoạn code vào website của mình. Sau này muốn thêm hoặc thay đổi bất kỳ tracking code nào, bạn chỉ cần vào Google Tag Manager để chỉnh sửa, không phải mất thời gian chờ đợi coder hỗ trợ.

Nói tóm lại Google Tag Manager là gì?

Google Tag Manger là hệ thống quản lý thẻ giúp bạn dễ dàng nhúng và cập nhật các thẻ, các đoạn mã vào website hoặc ứng dụng di động của mình, ví dụ như các thẻ đo lường lưu lượng truy cập hoặc tiếp thị lại. Bạn có thẻ thêm và cập nhật các thẻ như: Google Analytics, Adwords, Firebase Analytics, Floodlight, Facebook Pixel hoặc các thẻ của các công cụ marketing khác như Criteo, Sociomatic… trong giao diện của Google Tag Manager thay vì nhúng thẳng vào website. Việc này giúp hạn chế tối đa lỗi và không phải nhờ đến developer hỗ trợ cấu hình trong mã nguồn của website.

Sau đây là hướng dẫn sử dụng Google Tag Manager để quản lý những code tracking cơ bản như: Google Analytics, Adwords Remarketing, Adwords Conversion Code, Facebook Code…

Cách Cài đặt Google Tag Manager trên website:

Việc đầu tiên là bạn vào https://tagmanager.google.com để tạo một tài khoản. Ở đây mình sử dụng đúng website này để làm demo cho các bạn:

Nhập Account Nametên công ty hoặc tên website, sau đó bấm continue để tạo container.

Google Tag Manager

Điền website của bạn vào Container Name, chú ý website có dạng: www.yoursite.com hoặc yoursite.com (không bao gồm http://).

Chọn Where to Use ContainerWeb, còn nếu bạn muốn dùng Google Tag Manager để quản lý tracking code cho App thì chọn iOS hoặc Android và bấm Create.

Container Name

Một cửa sổ hiện ra hỏi bạn có đồng ý với những điều khoản của Google khi sử dụng GTM hay không. Không cần đọc bạn chỉ cần bấm Yes.

Sau khi bấm Yes, thì một cửa sổ khác hiện ra chứa code của container bạn vừa tạo. Bạn chỉ cần copy đoạn code này và chèn vào ngay sau <body> tag của tất cả các trang trên website.

Google Tag Manager Container Code

Sau đây mình sẽ hướng dẫn chèn vào website WordPress, còn những CMS khác các bạn tự tìm hiểu nhé.

Đăng nhập vào backend của WordPress vào chọn Appearance > Editor. Tuỳ thuộc vào theme của bạn đang sử dụng, đoạn <body> tag nằm ở file template nào của theme đó, nhưng thông thường sẽ nằm trong file header.php. Sau đó bạn chỉ cần dán đoạn GTM container code vào ngay sau <body> như hình bên dưới và Update File.

Google Tag Manager 3

Rồi từ đây là khỏi cần nhờ coder gắn dùm từng code nữa.

Các thành phần của Google Tag Manager:

Thành Phần Định Nghĩa
Account Là tài khoản GTM của 1 tổ chức hay công ty. Một Account có thể có nhiều Container.
Container Là đoạn code chứa tất cả những tracking code khác. Thông thường một Account chỉ nên có một Container. Nhưng ở những website phức tạp hơn như có nhiều domain khác nhau… thì có thể cần tạo nhiều container trong một account. Nhưng chú ý:

  • Rules, triggers, and variables không được chia sẻ giữa các container.
  • Quyền truy cập được thiếp lập ở cấp độ container.
Versions Version là phiên bản của một container. Khi mới tạo version bằng 1. Khi bạn thêm hoặc thay đổi một tracking code sau đó publish thì version sẽ nhảy lên version 2… Nếu version 2 không ổn thì có thể publish lại version 1. Bạn có thể tự tạo ra một version mới để thoải mái chỉnh sửa tracking code… Nếu có sai thì có thể publish lại version cũ.
Publish Publish là cho chạy thực tế một conatiner sau khi mọi tracking code chứa trong nó được thiết lập chính xác.
Tags Tag là bất kỳ tag của một công cụ marketing hay tracking nào. Google định sẵn 1 số tag thông dụng như: Google Analytics, Adwords Conversion, Adwords Remarketing, DoubleClick, Adroll, ConmScore… Hoặc bạn có thể chèn bất kỳ Tag nào bằng Custom HTML Tag.
Triggers Trigger là điều kiện cho phép 1 tag được chạy. VD:

  • Tag được chạy khi load bất kỳ trang nào.
  • Tag được chạy khi load đúng trang mong muốn.
  • Tag được chạy khi click vào một đường link, button…
  • Tag được chạy sau 1 khoảng thời gian
Variables Variable là những biến có trên một website/app. VD: Page URL, Page Path, Event, Click Element, Click Class… Variable kếp hợp với Trigger để cho phép 1 Tag được chay hay không.VD: Quy định trong Trigger:{{url}} matches RegEx .*

Có nghĩa là Trigger quy định VariableURL và URL này có điều kiện RegEx phải thoả .* (.* có nghĩa là bất kỳ trang nào) thì Tag mới được chạy.

Các thiết lập 1 số Tag cơ bản:

Google Analytics Tracking Code:

Đầu tiên vào Google Analytics để lấy tracking code (Mình sẽ cho rằng các bạn biết các tạo và đã có tài khoản Google Analytics nên không cần phải hướng dẫn). Bạn vào Admin > Tracking Info > Tracking Code và copy Tracking ID (theo dạng UA-XXXXXX-X) như trong hình.

Lấy Tracking Code trong Google Analytics

Trong Google Tag Manager chọn Add New Tag.

Chọn Add New Tag trong Google Tag Manager

Google có định sẵn một số Tag thông dụng. Bạn chọn Google Analytics.

Một số Tag thông dụng có sẵn trong Google Tag Manager

Tiếp đến bạn chọn loại Google Analytics bạn đang xài Universal hay Classic. Nếu bạn không biết Google Analytics của bạn là loại gì thì dò trong Analytics Tracking Code lúc nãy. Nếu là trong code chứa analytics.js là Universal còn chứa ga.js là Classic. Của mình là GA Universal do đó mình chọn Universal Analytics.

Chọn loại Google Analytics trong Google Tag Manager

Bước kế tiếp bạn chỉ cần điền Tracking ID đã lấy lúc nãy trong GA dán vào trường Configure Tag > Tracking ID, đồng thời chọn luôn Enable Display Advertising Feature để Google Tag Manager thiết lập luôn Code DoubleClick vào GA Tracking Code để có thể xem được Report Demographic trong GA.

Chọn Track TypePage View vì GA Tracking Code là để track Page View.

Bỏ qua lựa chọn More SettingsAdvanced Settings vì đây là 2 tuỳ chọn nâng cao sẽ có bài khác hướng dẫn các bạn về những thiết lập nâng cao này.

Điền Tracking ID

Bước cuối cùng chọn Fire OnAll Pages. Bước này là phần Trigger có chứa Variable là URL (Variable này được GTM thiết lập sẵn) và có điều kiện nếu Variable này có RegEx phải thoả .* (là tất cả các URL) thì Tag Google Analytics này được phép chạy.

Điều kiện Trigger trong Google Tag Manager

Trong đây thì Google đã thiếp lập sẵn điều kiện Trigger. Nếu bạn muốn tự đặt điều kiện như trên thì click vào More và thiếp lập như trong hình.

Thiếp lập Trigger All Pages trong Google Tag Manager

Nói thêm về Trigger Type. Có 3 loại Trigger Type: Page View, DOM, Window Loaded.

  • Page View có nghĩa là khi trang đó được xem thì Tag sẽ được chạy.
  • DOM là cấu trúc của 1 trang web (Document Object Model), khi trang web được xem mà cấu trúc DOM chưa được load hết thì Tag chưa được chạy.
  • Window Loaded có nghĩa là trang web đã load hoàn chỉnh thì Tag mới được chạy.

Nếu Tag Tracking Page View như GA thì nên để Trigger TypePage View vì đôi khi trang chưa load hết nhưng người dùng cũng có thể đọc thông tin trên website thì nên cho Tag chạy để chuyển Page View về GA.

Còn những Tag quan trọng như Conversion thì nên để Trigger Type là Window Loaded vì đôi lúc trang xác nhận đặt hàng bị lỗi không load được… thì Tag sẽ không chạy.

Còn những Tag track những thành phần trong website thì nên để là DOM. Tìm hiểu thêm về DOM tại đây.

Cuối cùng là bấm Create Tag là bạn đã tạo xong Tag Google Analytics Tracking Code.

Vài ngày nữa rãnh mình sẽ hướng dẫn gắn Code Tracking của Facebook và nói rõ hơn về Tag, Variable, Trigger và dùng tool Preview and Debug để test Tracking Code chạy đúng hay chưa.

Nếu bạn nào có góp ý hay bất kỳ câu hỏi nào thì comment bên dưới nhé.

Thanks for reading !