GTM là gì vậy? Hướng dẫn sử dụng Google Tag Manager từng bước

GTM là một trong các công cụ Digtal Tool khó nhằn nhất đối với Marketer bởi vì bạn không các chỉ dựng lại trong việc set up các điểm chạm cần đo lường mà còn phải hiểu kha khá kiến thức về code và website nếu như bạn muốn master trong lĩnh vực tracking.

Đừng lo ngại qua, mar hứa sẽ dẫn dắt các bạn đi từ kiến thức và kỹ năng cơ bản cho đến nâng cao một cách cụ thể nhất. Và điều tiên phong tất cả chúng ta cần làm để chinh phục công cụ vô cùng có ích này, hãy khởi đầu từ bước nhỏ nhất .

Google Tag Manager là gì vậy?

Google Tag Manager (hay được gọi là GTM) là một trình quản lý thẻ Tag được cung cấp bởi Google, thông qua công cụ này bạn có thể triển khai và quản lý các thẻ Tag dùng để đo lường và phân tích hiệu quả hoạt động Marketing khác nhau trên trang web hoặc ứng dụng dành cho thiết bị di động (App).

Bạn đang đọc: GTM là gì vậy? Hướng dẫn sử dụng Google Tag Manager từng bước

Google Analytics và Google Tag Manager khác nhau điểm nào?

#1. GA là nơi báo cáo dữ liệu về lưu lượng traffic, còn GTM thì không phải là nơi xem các báo cáo

Thông qua Google Analytics, bạn có thể tìm hiểu và khám phá ra được:

GTM là gì vậy? Hướng dẫn sử dụng Google Tag Manager từng bước

Có bao nhiêu người đã truy cập vào website của bạn theo ngày, tuần, tháng,..Trang nào được người dùng xem nhiều nhấtSản phẩm nào được bán nhiều nhất trong 1 tuần vừa rồiCó bao nhiêu Leads đến từ các kênh khác đổ về website của bạn

trái lại, GTM không hề cung ứng bất kể insight nào về người dùng của bạn chính bới nó là một công cụ quản trị thẻ tag .

Google Tag Manager là trình quản lý thẻ dùng để thêm, chỉnh sửa, bật, tắt hoặc xóa các thẻ Tag đó khỏi trang web hoặc App.

Thẻ Tag là một loạt mã JavaScript được sử dụng để thu thập dữ liệu từ website / Mobile App và sau đó gửi tài liệu đó đến công cụ của bên thứ ba như Google Analytics. Nói cách khác, GTM dùng để thu thập dữ liệu từ Website hoặc Mobile App và sau đó gửi số liệu thu được tới Google Analytics ( GA ) . Ví dụ một số ít thẻ Tag : Google Analytics Tracking Code, Google Ads Conversion Tracking code, Facebook Pixel Code, ..

#2. GTM không phải là một data source, GA là một data source

GTM được phong cách thiết kế để gửi data từ một data source tới các nguồn khác. Nhưng bản thân nó không phải là 1 data source do tại nó không tàng trữ bất kỳ dữ liệu nào . Thay vào đó, GA là nơi tàng trữ tài liệu .

Một số ví dụ về các nguồn data source khác nhau:

Website -> Thông qua GTM, bạn có thể gửi dữ liệu từ website đến GA.Mobile app -> gửi dữ liệu từ mobile app tới GAData warehouseGoogle AdsFacebook AdsExcel

#3. GTM là một container tag, ngược lại GA không phải

Một vùng chứa ( container ) thẻ tag được sử dụng để giữ một hoặc nhiều thẻ marketing, thẻ analytics, các thiết lập kích hoạt và biến của thẻ đó . Một số ví dụ về thẻ Marketing và tehr Analytics : GA Tracking code, Google Ads Conversion Tracking Code, Facebook Pixel Code, etc .

Những ưu điểm vượt trội của GTM đối với một người làm Marketing

Dưới đây là top các quyền lợi nhận được khi bạn sử dụng GTM :

#1. GTM loại bỏ việc thêm, chỉnh sửa code trên trang web.#2. Thuận lợi trong việc test và triển khai các thẻ Tag một cách nhanh chóng#3. GTM cung cấp khả năng theo dõi và phân tích hiệu suất Marketing đạt ở cấp nâng cao.#4. GTM giúp quản lý thẻ Tag hiệu quả #5. Cải thiện tốc độ web bằng cách sử dụng GTM 

Cấu trúc tài khoản Google Tag Manager

GTM có cấu trúc phân cấp với cấp cao nhất là GTM account, bên dưới account là các Container ( Vùng chứa ). Trong container là các Tag, Trigger và Variable . Với 1 thông tin tài khoản Google ( ví dụ Gmail account ) bạn hoàn toàn có thể tạo được nhiều thông tin tài khoản GTM account, và mỗi GTM account sẽ tạo được nhiều Container . Hình mình vẽ minh họa cấu trúc GTM bên dướiCấu trúc tài khoản GTM Một GTM account thường được sử dụng cho 1 công ty hoặc tổ chức triển khai. Thông thường, với người dùng cá thể hoặc công ty thông thường, mỗi Google account chỉ cần 1 GTM account là đủ. Tuy nhiên so với các agency quản trị nhiều công ty người mua thì họ sẽ tạo ra nhiều GTM account tương ứng với từng công ty người mua . Với 1 GTM account, bạn hoàn toàn có thể tạo được nhiều GTM container. Mỗi container tương ứng cho 1 website. Nếu bạn có nhiều website thì nên tạo nhiều container tương ứng với số lượng website đó . Phần lớn các doanh nghiệp nhỏ chỉ có một công ty và một website, nên cấu trúc thông tin tài khoản GTM của họ sẽ giống như bên dưới : Nếu bạn đang là Agency hay quản trị nhiều thông tin tài khoản GTM, thì cấu trúc thông tin tài khoản GTM của bạn sẽ giống như dưới đây :cấu trúc tài khoản GTM của 1 công ty Agency

Google Tag Manager container tag

Container tag (hay được gọi là GTM code)  được sử dụng để chứa một hoặc nhiều thẻ Marketing và thẻ phân tích cũng như các trình kích hoạt và biến tương ứng của chúng.

Ví dụ 1 số ít thẻ Marketing và thẻ nghiên cứu và phân tích : Facebook Pixel Code , Google Analytics Tracking code Google Ads Conversion Tảcking code, .. Thay vì bạn phải chèn từng đoạn mã tracking của các loại tracking trên vào website, giờ đây, bạn hoàn toàn có thể gom tổng thể đoạn mã tracking vào trong 1 container tag .

Container tag cung cấp tất cả các chức năng cần thiết cho Trình quản lý thẻ của Google (GTM) để chạy và triển khai thẻ trên trang web của bạn. 2 đoạn mã code bạn cần chèn vào website được gọi là container tag.

GTM container tag được tạo bởi 2 phần :

Phần đầu tiên được đặt ở thẻ của tất cả trang web trên website của bạnPhần thứ hai của GTM container tag được đặt ngay sau thẻ mở, của tất cả trang web trên website của bạn.

GTM Container ID

Một phần trong GTM container tag code đọc là ‘ GTM-TXAAAA ’, bó được gọi là container ID để phân biệt mỗi GTM container tag . Một thành phần khác của code đọc là ‘ gtm.js ’, nó là JavaScript

Cách cài đặt thẻ Google Tag Manager trên các nền tảng Website

Nếu bạn đang sử dụng nền tảng WordPress hay Haravan, Ladipage thì chúng đều có chung quy tắc gắn mã code Google Tag Manager. Điểm độc lạ ở đây là, mỗi nền tảng website sẽ có giao diện và tính năng khác nhau để tương hỗ bạn gắn mã GTM, gồm có 2 Step :

Step 1: Bạn cần có tài khoản Google Tag Manager để có mã codeStep 2: Gắn mã code GTM vào Website

Tạo tài khoản Google Tag Manager để có mã code GTM container tag

# 1.1. Bạn truy vấn vào đường link này để tạo hoặc đăng nhập vào thông tin tài khoản Tag Manager : https://marketingplatform.google.com/about/tag-manager/ # 1.2 .. Nhấn ‘ Start For Free ’, sau đó dùng thông tin tài khoản google của bạn đăng nhập vào # 1.3. Sau khi hiện giao diện công cụ GTM, bạn bấm Create Account # 1.4. Điền các thông tin : Account Name, Country, Container Name và lựa chọn nền tảng Website hoặc App mà bạn muốn gắn mã. Ở ví dụ này, mar đang muốn gắn mã vào website nên chựa chọn “ Web ’ . # 1.5. Sau khi điền và lựa chọn các thông tin, bấm Create. Ngay lúc này sẽ hiện ra một Frame gồm có 2 đoạn mã code :

#1.6. Sao chép phần đầu tiên của mã cài đặt GTM và sau đó dán nó càng cao càng tốt trong phần của mọi trang trên trang web của bạn.

cài mã gtm vào wordpressDãn mã Code đầu tiên vào thẻ Dãn mã Code GTM thứ 2 vào thẻ

#1.7. Sao chép phần thứ hai của mã cài đặt GTM và sau đó dán nó càng cao càng tốt trong phần trên trang web của bạn.

Note : # 1.6 # 1.7 sẽ là khâu khó khăn vất vả cho những ai không biết về kỹ thuật nhiều. Theo dõi hướng dẫn từng bước cách gắn mã cho từng nền tảng website khác nhau .

Cách gắn mã code GTM vào nền tảng WordPress

Có 2 cách để gắn GTM container tag ( mã code GTM ) vào website trên nền tảng wordpress

Cách 1: Gắn trực tiếp vào Source code

+ Vào Appearance > Theme Editor > header.php

+ Dán đoạn mã đầu tiên ngay sau thẻ + Dán đoạn mã thứ hai ngay sau thẻ

Dãn mã Code đầu tiên vào thẻ

Dãn mã Code đầu tiên vào thẻ

Dãn mã Code GTM thứ 2 vào thẻ

Cách 2: Sử dụng Plugin để thêm GTM code dành cho các bạn non-tech

Vào Plugin > Add New > Gõ đoạn văn bản vào hộp keyword là Google Tag ManagerSau khi hiện các Plugin, bạn chọn Plugin ở vị trí đầu tiên, bấm ‘Install Now’

Cài mã GTM Code vào Website bằng Plugin

Bấm chữ ‘enter your GTM ID’

cài mã google tag manager vào website wordpress

Bấm chữ ‘enter your GTM ID’Quay lại trang Google Tag Manager, bạn tìm ID GTM trong tài khoản trình quan lý thẻ như hình bên dưới:

Lấy mã ID Container

Sao chép GTM Container ID vào trình quản trị của Plugin bạn mới tải về, dán ID đó vào mục Google Tag Manager ID, bấm Save Changes

Lưu ý: mar khuyến khích các bạn gắn mã Container ID theo cách 1. Với các trường hợp các bạn không tìm thấy source code Edit theme, hãy sử dụng cách trêb.

Gắn mã GTM cho nền tảng Shopify và Haravan

cách gắn GTM : Cách 1 : Tự gắn đoạn mã GTM vào trong File Giao Diện

B1: Shopify (vào mục Online Store) = Haravan (Vào mục Website)B2: Vào mục Giao diện > Layout > Thêm LiquidB3: Past 2 đoạn mã GTM theo thứ tự vào thẻ Heading và Body

Cách 2 : Gắn đoạn mã vào trong mục đã được định sẵn để gắn mã code GTM

B1: Vào mục Website > Cấu hình > Tìm mục “Google AnalyticsB2: Vào Website Google Analytics > Chọn mục Admin > Property > Tracking Info > Tracking CodeB3: Copy Tracking ID vào khung “Mã Google Analytics”

— — > Đã gắn xong ID Tracking của Google Analytics vào Website trên nền tảng Haravan nhưng phía dưới có 1 bảng trống nhu yếu gắn thêm mã Google Analytics Javascript. Lúc này ta cần lấy đoạn mã GTM ở thẻ Head dán vô

B4: Copy đoạn mã GTM trong thẻ Head vào khung “Google Analytics Javascript.Lưu ý: Chỉ lấy đoạn mã sau thẻ

Cách gắn mã code GTM vào nền tảng LadiPage

B1: Vào mục thiết lập (Nằm góc bên phải)B2: Click vào “Mã chuyển đổi”B3: Gắn mã ID GTM

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

GTM có 3 thành phần chính và vô cũng quan trọng mà các bạn cần biết và sẽ thao tác tiếp tục với chúng :

Tags (Các thẻ)Triggers (Trình kích hoạt)Variables (Các biến)

Ngoài ra, còn có các thành phần khác như : Folder, Templates ,

Tag – Hiểu thẻ Tag trong GTM

Tag là một loạt mã JavaScript được sử dụng để thu thập dữ liệu đo lường và thống kê và tài liệu Marketing từ website / mobile app của bạn, và sau đó gửi chúng đến các dịch vụ bên thứ ba ( third-party service ). Third-party service gồm có Google Analytics, Google Ads, Twitter, Facebook, …

Ví dụ về thẻ Google Analytics tag (hay được gọi là GA Tracking code):

””

Một số ví dụ khác:

Phone call tracking codeKissmetric tracking code

Như bạn thấy, thẻ Tag như thể một đoạn mã mà bạn hoàn toàn có thể thêm chúng vào trự
c tiếp website của bạn bằng cách copy – paste tại headerfile.php . Nếu bạn đọc đến phần này và cảm thấy rồi, đừng lo, marAnalytics sẽ giúp bạn tưởng tượng hóa về GTM một cách thuận tiện .

Trigger – Tìm hiểu Trình kích hoạt trong GTM

‘ Trigger ’ là điều kiện kèm theo cần có để thẻ được kích hoạt hoặc không kích hoạt .

Có hai loại trình kích hoạt:

Firing TriggersBlocking Trigger

Để khám phá thêm về trình kích hoạt, hãy đọc bài viết này : Hướng dẫn về các biến và trình kích hoạt trong Trình quản trị thẻ của Google

Variable – Tìm hiểu các biến trong Google Tag Manager 

Một variable là một vị trí tàng trữ trong bộ nhớ máy tính. Trong ngữ cảnh của GTM, một biến là một hàm được gọi từ bên trong một thẻ ( tag ), trình kích hoạt ( trigger ) hoặc biến khác. Trong GTM, một biến được bộc lộ bằng cách sử dụng cú pháp sau : { { Tên biến } } Có hai loại biến trong GTM :

Built-in variable (Các biến có sẵn trong GTM)User-defined variable (Các biến do người dùng xác định)

Để tìm hiểu và khám phá thêm về các biến, hãy đọc bài viết này : Hướng dẫn về các biến và trình kích hoạt trong Trình quản trị thẻ của Google

Event – Tìm hiểu Event trong GTM cũng như Google Analytics

Một số Event mặc định trong GTM cũng như GA :

Pageview : Có 5 loại trình kích hoạt dựa trên các sự kiện tải trang Pageview, và mỗi loại có các tiêu chuẩn khác nhau để xác lập thời gian kích hoạt. Thứ tự ưu tiên cho trình kích hoạt xem trang như sau :

Pageview

Pageview – Lượt xem trang: Đây là sự kiện sớm nhất được kích hoạt ngay khi tải vùng chứa Container GTM (chính là đoạn mã code tracking mar hướng dẫn các bạn chèn vào website ở trên).DOM Ready: Kích hoạt sau khi trình duyệt xây dựng xong trang đầy đủ trong HTML và Mô hình Đối tượng Tài liệu (DOM) đã sẵn sàng để được phân tích cú pháp. Trình duyệt chỉ biết đường dẫn đến tất cả các tệp css, hình ảnh, javascrip, v.v. Trong thời điểm này, bạn không thấy bất kỳ nội dung nào mà bạn có thể tương tác. Trình duyệt bắt đầu tải xuống tất cả các nội dung được đề cập.Window Load: Kích hoạt sau khi trang đã tải đầy đủ, bao gồm mọi tài nguyên được nhúng như hình ảnh và tập lệnh. Để hiểu thêm và cách sử dụng Window Load Trigger, xem thêm bài viết: Window Loaded là gì trong GA? Cách sử dụng Window Load Trigger hiệu quả

Nguồn: pavelbrecik

Templates – Tìm hiểu GTM Templates

Trong Trình quản trị thẻ của Google ( GTM ), một templates giúp bạn thuận tiện :

Để triển khai và chia sẻ thẻ với các người khác trong công ty của bạn.Để sử dụng và chia sẻ một biến với các người khác trong công ty của bạn.

Mẫu được sử dụng để triển khai thẻ trên một trang web được gọi là tag template và mẫu được sử dụng để triển khai một biến được gọi là variable template.

Để tìm hiểu và khám phá thêm về mẫu thẻ, hãy đọc bài viết này : Hướng dẫn về Mẫu trình quản trị thẻ của Google

Folder – Tìm hiểu Thư Mục trong trình quản lý thẻ của Google

Thông qua các Folder, bạn hoàn toàn có thể sắp xếp các thẻ ( tag ), , trình kích hoạt ( trigger ) và biến ( variable ) trong GTM theo tên dự án Bất Động Sản, tên nhóm, v.v. Ví dụ : Bạn hoàn toàn có thể nhóm tổng thể các thẻ, trình kích hoạt và biến tương quan đến ‘ việc theo dõi tương tác của người dùng với Video ’ bằng cách tạo một thư mục có tên ‘ Video tracking ‘ và sau đó thêm toàn bộ các thẻ, trình kích hoạt và biến có tương quan vào nó . Để tìm hiểu và khám phá thêm về các thư mục trong GTM, hãy xem bài viết này : Giới thiệu về Thư mục trong Trình quản trị thẻ của Google

Data Layer – Tìm hiểu về Lớp Dữ Liệu trong GTM

Trong ngữ cảnh của GTM, Data Layer là một mảng JavaScript ( array JavaScript ) được sử dụng để tích lũy và tàng trữ tài liệu từ một website, sau đó gửi tài liệu đó đến thẻ vùng chứa GTM . Google khuyên bạn nên sử dụng các lớp tài liệu để truy xuất thông tin thời hạn chạy, bạn hoàn toàn có thể nhờ bạn coder thiết lập một lớp tài liệu cho bạn. Lớp dữ liệu này chứa toàn bộ thông tin bạn muốn gửi đến thẻ vùng chứa . Đây thuộc kỹ năng và kiến thức nâng cao, nhưng nếu bạn tận dụng tối đa Data layer thì bạn sẽ làm được rất nhiều thứ, đơn cử mar đề cập trong bài viết : Hướng dẫn sử dụng lớp tài liệu Trình quản trị thẻ của Google với các ví dụ .

Cách kiểm tra GTM hoạt động hay chưa?

Sau đây là các chiêu thức khác nhau mà bạn hoàn toàn có thể sử dụng để kiểm tra xem Trình quản trị thẻ của Google có đang hoạt động giải trí trên website của bạn hay không : # 1 Kiểm tra mã nguồn của website để tìm mã vùng chứa GTM. # 2 Sử dụng chính sách xem trước và gỡ lỗi của Trình quản trị thẻ của Google . # 3 Sử dụng tiện ích lan rộng ra Hỗ trợ thẻ Google của Chrome để xác lập, xác nhận và khắc phục sự cố thiết lập các thẻ GTM khác nhau . # 4 Kiểm tra xem tập lệnh GTM có đang chạy trong bảng tinh chỉnh và điều khiển dành cho nhà tăng trưởng của Chrome hay không . # 5 Kiểm tra xem tập lệnh GTM có đang chạy trong tab ‘ Mạng ’ của bảng điều khiển và tinh chỉnh dành cho nhà tăng trưởng hay không .

# 6 Kiểm tra các báo cáo thời gian thực trong Google Analytics.

Để tìm hiểu và khám phá thêm về việc liệu GTM có đang hoạt động giải trí trên website của bạn hay không, hãy xem bài viết này : Cách kiểm tra xem Trình quản trị thẻ của Google có đang hoạt động giải trí hay không – Kiểm tra GTM

Cách phân quyền truy cập vào tài khoản GTM của bạn

Bất cứ khi nào bạn cấp quyền truy vấn thông tin tài khoản GTM cho một ai, bạn sẽ cấp quyền truy vấn đó ở cấp thông tin tài khoản ( account levelt ) hoặc ở cấp vùng chứa ( container level ) .

Quyền truy cập ở cấp tài khoản được gọi là ‘Account pe
rmissions’.Quyền truy cập ở cấp vùng chứa được gọi là ‘Container permissions‘.

Để tìm hiểu và khám phá thêm về cách set up cấp quyền truy vấn vào GTM của bạn, , hãy đọc bài viết này : Làm cách nào để cấp cho ai đó quyền truy vấn vào Tài khoản Trình quản trị thẻ của Google ?

GTM có làm giảm tốc độ load trang? (GTM vs page speed)

0 Shares
Share
Tweet
Pin