Google Tag Manager là gì và triển khai Google Tag như thế nào?

33
1338

Mới đầu, Google Tag Manager có lẽ là một công cụ khó hiểu và khó dùng với mình, và đại đa số những người chưa từng tiếp xúc qua với nó (điều này hiển nhiên là vậy!). Tuy nhiên, sau khi tiếp xúc và sử dụng công cụ này, mình thấy nó thực sự tuyệt vời, tiện dụng và đầy hữu ích đối với những người Quản trị Website hay dân Marketers.

1. Vậy Google Tag Manager là gì?

Theo như cách giải thích “khó hiểu” của Google thì là như thế này:

Giới thiệu trình quản lý thẻ của Google

Trình quản lý thẻ của Google cho phép bạn cập nhật nhanh chóng và dễ dàng

  • các thẻ trên trang web của mình (chẳng hạn như thẻ theo dõi và thẻ tối ưu hóa tiếp thị). Bạn có thể thêm và cập nhật AdWords, Google Analytics, Floodlight và thẻ không phải của Google từ giao diện người dùng Trình quản lý thẻ của Google thay vì chỉnh sửa mã trang web. Điều này sẽ giảm lỗi, giúp bạn không phải tham gia vào quản trị viên web và cho phép bạn nhanh chóng triển khai các thẻ trên trang web của mình. Đọc Trình quản lý thẻ của Google dành cho web bên dưới.
  • giá trị cấu hình và gắn cờ của các ứng dụng trên thiết bị di động mà bạn đã tạo. Thay vì tạo lại và triển khai các tệp nhị phân mới, bạn có thể sử dụng giao diện Trình quản lý thẻ của Google để thay đổi giá trị cấu hình (ví dụ: thời gian chờ, vị trí quảng cáo, chơi trò chơi động) và bật các tính năng đã bật cờ trong ứng dụng trên thiết bị di động của bạn.

Cách định nghĩa trên là đầy đủ, nhưng vì đầy đủ nên nó thành ra phức tạp và khó hiểu. Chúng ta chỉ cần định nghĩa một cách đơn giản và dễ hiểu nhất có thể để có thể ứng dụng cho công việc.

Thường thì chúng ta phải đặt vào mã nguồn một Website (hoặc một ứng dụng Mobile) quá nhiều các đoạn code:

  • Để Tracking Data, Traffic (Google Analytics, Histats,…)
  • Để thực hiện Remarketing (Google AdWord, Facebook)
  • Để tracking hỗ trợ triển khai A/B Testing, Check Converstation (ClickTale, Optimizely, MajeticSEO…)…

Việc đặt quá nhiều đoạn code như vậy lên Website có thể sẽ khiến bạn bị nhầm lẫn từ khâu thao tác đến khâu quản lý,  chưa kể đến Website sẽ phải load nhiều đoạn code (file .js) và dễ dẫn đến tình trạng website load lâu hơn.

GoogleTagManager

Google Tag Manager ra đời để giải quyết vấn đề đó. Giờ đây bạn chỉ việc nhét một đoạn code 1 lần duy nhất từ Google Tag Manager vào Website, và tất cả những gì bạn làm sau đó là thao tác với tài khoản Google Tag Manager đó, không phải đụng đến Website của mình nữa.

Thêm một vài chi tiết để mọi người hiểu rõ hơn về Google Tag Manager và cách thức nó hoạt động…

Thẻ (Tag) là gì?

Thẻ là đoạn mã JavaScript sẽ gửi thông tin đến bên thứ ba, chẳng hạn như Google. Nếu bạn không sử dụng giải pháp quản lý thẻ, chẳng hạn như Trình quản lý thẻ của Google, bạn cần phải thêm các đoạn mã JavaScript này trực tiếp vào mã nguồn của trang web. Ngược lại, với Trình quản lý thẻ của Google, bạn không còn cần phải duy trì từng đoạn mã JavaScript này trong mã nguồn nữa; thay vào đó, bạn chỉ định các thẻ mà bạn muốn kích hoạt, và khi bạn muốn các thẻ đó kích hoạt trong giao diện người dùng Trình quản lý thẻ của Google.

Cách hoạt động

Trình quản lý thẻ của Google hoạt động qua đoạn mã chứa mà bạn đặt trên tất cả các trang trên trang web của mình. Đoạn mã chứa thay thế thẻ AdWords, Google Analytics, Floodlight và các thẻ khác trên trang web của bạn. (Để biết danh sách các thẻ được hỗ trợ, hãy đọc Thẻ). Khi đoạn mã chứa đã được thêm vào trang web của bạn, bạn hãy cập nhật, thêm và quản lý thẻ từ tài khoản Trình quản lý thẻ của Google.

Tài khoản Trình quản lý thẻ của Google cho phép bạn quản lý thẻ cho một hoặc nhiều trang web. Mặc dù bạn có thể thiết lập nhiều tài khoản Trình quản lý thẻ của Google từ một tài khoản Google, thường bạn chỉ cần một tài khoản Trình quản lý thẻ của Google cho mỗi công ty. Đọc Thiết lập và quy trình làm việc để tìm hiểu thêm.

2. Triển khải Google Tag Manager

Thiết lập trình quản lý thẻ GTM:

  • chuyển đến google.com.vn/tagmanager để tạo một tài khoản Trình quản lý thẻ của Google (hoặc để truy cập vào tài khoản hiện tại).

Đối với Website:

  • tạo vùng chứa cho trang web của bạn trong tài khoản,
  • thêm đoạn mã chứa vào trang web của bạn trong khi xóa bất kỳ thẻ hiện tại nào trên trang web.

Đối với ứng dụng Mobile:

  • tạo vùng chứa cho ứng dụng của bạn trong tài khoản (chọn tùy chọn “Ứng dụng trên thiết bị di động”),
  • tải xuống và triển khai SDK Trình quản lý thẻ của Google cho thiết bị di động.

Bước 1: Tạo tài khoản > Tiếp theo

ZbmJQGj.png (811×285)

Bạn có thẻ tạo nhiều tài khoản…

Bước 2: Tạo vùng chứa > Tạo tài khoản và vùng chứa > Tôi chấp nhận

JNpfyaS.png (518×556)

Website hoặc ứng dụng Mobile bạn muốn sử dụng GMT

Bước 3: Gắn thẻ GMT vào Website của bạn

hCXTFKQ.png (647×477)

Copy đoạn code trong khung và dán vào giữa cặp thẻ <body></body> trong mã nguồn Website.

Chú ý: Trên thực tế bạn có thể gắn đoạn code trên vào mọi vị trí trên website. Tuy nhiên không được để trong các cặp thẻ “<div></div>” hay các cặp thẻ khác, nếu không code GTM sẽ không hoạt động.

Bước 4: Tạo thẻ mới

qT3SxZo.png (850×280)

Nhấp vão đây để tạo một vùng chứa.

OeHIUF2.png (674×421)

Loại thẻ tuỳ bạn lựa chọn theo nhu cầu của mình. Ở đây mình chọn thẻ GA Universal. 

mjm1ZvN.png (945×226)

Chú ý ở bên phải của phần thiết lập thẻ, ở mục Quy tắc kích hoạt, hãy click vào +Thêm

FVx6OF1.png (490×292)

Cho phép Tag hoạt động ở tất cả các trang > Lưu… Cấu hình xong xuôi thì chọn Lưu phát nữa.

7dEx8kL.png (397×44)

Cuối cùng, sau khi làm xong hết các bước, bạn đừng quên ấn “Xuất bản” để Google Tag Manager được thực thi trên Website của mình.

ODtMjK3.png (606×242)

Ok, vậy là bạn đã hoàn thành xong việc thiết lập Google Tag Manager. Hãy tận hưởng thành quả nào 🙂


Xem Video hướng dẫn của Google

3. Kiểm tra các thẻ có hoạt động hay không?

Google có cung cấp một extension cho phép bạn kiểm tra các Google Tags từ bất kỳ một Website nào đó. Bạn chỉ việc vào kho ứng dụng của Browser và cài đặt “Tag Assistant (by Google)“. tHmPGtj.png (414×188)

4. Google Tag Manager chỉ vậy thôi à?

Dĩ nhiên là không! Bạn mới chỉ khám phá ra một phần rất nhỏ của công cụ này thôi. Nó còn có thể làm được nhiều hơn thế rất nhiều. Hãy cùng đón chờ loạt bài viết cực kỳ hữu ích tới đây của mình về hệ thống công cụ của Google nói chung và Google Tag Manager nói riêng nhé.

Cũng rất may rằng công cụ này sẽ giúp bạn giải quyết một số vấn đề trong quy tắc xã hội như nhờ vả, giúp đỡ. Đó là việc hàng ngày bạn phải bắt ông Webmaster, hoặc chính bạn là ông Website suốt ngày phải nhét code vào website, dễ bực lắm đó…


Trung Đức

CEO MediaZ Corp

Comments