Cách cài haravan vào gmail

GTM là một trong những công cụ Digtal Tool khó nhằn nhất đối với Marketer bởi vì bạn không những 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 lắng qua, mar hứa sẽ dẫn dắt các bạn đi từ kiến thức cơ bản cho đến nâng cao một cách chi tiết nhất. Và điều đầu tiên chúng ta cần làm để chinh phục công cụ vô cùng hữu ích này, hãy bắt đầu từ bước nhỏ nhất.

• Google Tag Manager là gì?
  • Google Analytics và Google Tag Manager khác nhau điểm nào?
  • Những ưu điểm vượt trội của GTM đối với một người làm Marketing
• Cấu trúc tài khoản Google Tag Manager
  • Google Tag Manager container tag
  • GTM Container ID
• Cách cài đặt thẻ Google Tag Manager trên các nền tảng Website
  • Tạo tài khoản Google Tag Manager để có mã code GTM container tag
  • Cách gắn mã code GTM vào nền tảng WordPress
  • Gắn mã GTM cho nền tảng Shopify và Haravan
  • Cách gắn mã code GTM vào nền tảng LadiPage
• Các thành phần chính trong GTM
  • Tag – Hiểu thẻ Tag trong GTM
  • Trigger – Tìm hiểu Trình kích hoạt trong GTM
  • Variable – Tìm hiểu các biến trong Google Tag Manager 
  • Event – Tìm hiểu Event trong GTM cũng như Google Analytics
  • Templates – Tìm hiểu GTM Templates
  • Folder – Tìm hiểu Thư Mục trong trình quản lý thẻ của Google
  • Data Layer – Tìm hiểu về Lớp Dữ Liệu trong GTM
• Cách kiểm tra GTM hoạt động hay chưa?
• Cách phân quyền truy cập vào tài khoản GTM của bạn
• GTM có làm giảm tốc độ load trang? (GTM vs page speed)

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).

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:

• 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ất
• Sản phẩm nào được bán nhiều nhất trong 1 tuần vừa rồi
• Có bao nhiêu Leads đến từ các kênh khác đổ về website của bạn

Ngược lại, GTM không thể cung cấp bất kỳ insight nào về người dùng của bạn bởi vì nó là một công cụ quản lý 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ừ trang web / Mobile App và sau đó gửi dữ 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ố 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 thiết kế để gửi data từ một data source tới những nguồn khác. Nhưng bản thân nó không phải là 1 data source bởi vì nó không lưu trữ bất kỳ dữ liệu nào.

Thay vào đó, GA là nơi lưu trữ dữ 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 GA
• Data warehouse
• Google Ads
• Facebook Ads
• Excel

#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 lợi ích 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 tài khoản Google (ví dụ Gmail account) bạn có thể tạo được nhiều 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ưới

Một GTM account thường được sử dụng cho 1 công ty hoặc tổ chức. Thông thường, với người dùng cá nhân hoặc công ty bình thường, mỗi Google account chỉ cần 1 GTM account là đủ. Tuy nhiên đối với các agency quản lý nhiều công ty khách hàng thì họ sẽ tạo ra nhiều GTM account tương ứng với từng công ty khách hàng.

Với 1 GTM account, bạ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 trang web, nên cấu trúc 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 lý nhiều tài khoản GTM, thì cấu trúc tài khoản GTM của bạn sẽ giống như dưới đây:

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ụ một số thẻ Marketing và thẻ 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, bây giờ, bạn có thể gom tất cả đ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:

1. Phần đầu tiên được đặt ở thẻ của tất cả trang web trên website của bạn
2. Phầ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 khác biệt ở đây là, mỗi nền tảng website sẽ có giao diện và tính năng khác nhau để hỗ trợ bạn gắn mã GTM, bao gồm 2 Step:

• Step 1: Bạn cần có tài khoản Google Tag Manager để có mã code
• Step 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 cập vào đường link này để tạo hoặc đăng nhập vào tài khoản Tag Manager: https://marketingplatform.google.com/about/tag-manager/

#1.2.. Nhấn ‘Start For Free’, sau đó dùng 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 bao gồm 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.

#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 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 những bạn non-tech

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

• Bấm chữ ‘enter your GTM ID’

• 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 những 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 Liquid
• B3: 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 Analytics
• B2: Vào Website Google Analytics > Chọn mục Admin > Property > Tracking Info > Tracking Code
• B3: 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 yêu cầ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ẽ làm việc thường xuyên 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à dữ 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 bao gồm Google Analytics, Google Ads, Twitter, Facebook, …

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

Nguồn: pavelbrecik

Templates – Tìm hiểu GTM Templates

Trong Trình quản lý thẻ của Google (GTM), một  templates giúp bạn dễ dàng:

1. Để triển khai và chia sẻ thẻ với những người khác trong công ty của bạn.
2. Để sử dụng và chia sẻ một biến với những 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 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 lý 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 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, tên nhóm, v.v. 

Ví dụ: Bạn có thể nhóm tất cả các thẻ, trình kích hoạt và biến liên 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 tất cả các thẻ, trình kích hoạt và biến có liên quan vào nó.

Để tìm hiểu 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 lý 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 để thu thập và lưu trữ dữ liệu từ một trang web, sau đó gửi dữ liệu đó đến thẻ vùng chứa GTM.

Google khuyên bạn nên sử dụng các lớp dữ liệu để truy xuất thông tin thời gian chạy, bạn có thể nhờ bạn coder thiết lập một lớp dữ liệu cho bạn. Lớp dữ liệu này chứa tất cả thông tin bạn muốn gửi đến thẻ vùng chứa.

Đây thuộc 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ứ, cụ thể mar đề cập trong bài viết: Hướng dẫn sử dụng lớp dữ liệu Trình quản lý 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 phương pháp khác nhau mà bạn có thể sử dụng để kiểm tra xem Trình quản lý thẻ của Google có đang hoạt động trên trang web của bạn hay không: 

# 1 Kiểm tra mã nguồn của trang web để tìm mã vùng chứa GTM. 

# 2 Sử dụng chế độ xem trước và gỡ lỗi của Trình quản lý thẻ của Google. 

# 3 Sử dụng tiện ích mở rộng Hỗ trợ thẻ Google của Chrome để xác định, xác thực và khắc phục sự cố cài đặt các thẻ GTM khác nhau. 

# 4 Kiểm tra xem tập lệnh GTM có đang chạy trong bảng điều khiển dành cho nhà phát triển 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 dành cho nhà phát triển 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 thêm về việc liệu GTM có đang hoạt động trên trang web 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 lý thẻ của Google có đang hoạt động 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 cập tài khoản GTM cho một ai, bạn sẽ cấp quyền truy cập đó ở cấp 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 permissions’.
• Quyền truy cập ở cấp vùng chứa được gọi là ‘Container permissions‘.

Để tìm hiểu thêm về cách set up cấp quyền truy cập 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 cập vào Tài khoản Trình quản lý thẻ của Google?

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