Google
Tag Manager
Hướng dẫn sử dụng
Tổng quan cơ chế hoạt động của GTM
Các bước thiết lập
1 Tạo và cài đặt GTM Container
2 Thiết lập các biến dữ liệu
3 Trigger và cách thiết lập trigger
4 Thiết lập tag
5 Chế độ preview
6 Publish version
1. Tạo và cài đặt GTM Container
Tài khoản GTM có thể tạo nhiều Account, mỗi
Account có thể chứa nhiều Container.
Mỗi Container có một ID riêng để thiết lập trên
web hoặc app.
Click vào bánh răng để lấy code cài đặt GTM.
1. Tạo và cài đặt GTM Container (cont.)
Chọn mục Install Google Tag Manager để lấy
code thiết lập.
1. Tạo và cài đặt GTM Container (cont.)
Thiết lập theo hướng dẫn.
2. Thiết lập các biến dữ liệu
Biến (variable) trong GTM dùng để lưu trữ một
số thông tin về môi trường mà người dùng
đang thao tác với ứng dụng (trình duyệt, OS,
location, …) và một số thông tin được tạo ra
trong quá trình thao tác (click url, page url, …)
Ngoài ra, cơ chế variable trong GTM cho phép
ta tùy biến để đẩy các thông tin từ ứng dụng
qua các công cụ khác.
2. Thiết lập các biến dữ liệu (cont.)
GTM hỗ trợ rất nhiều loại biến, nhưng thường
dùng nhất vẫn là JS Variable và Data Layer
Variable.
3. Trigger và cách thiết lập trigger
Trigger là cách bạn thông báo cho GTM biết khi nào nó cần kích hoạt một tag.
Ví dụ bên cạnh khai báo một trigger khi click vào một đường dẫn URL. Gồm 2
điều kiện: đối tượng được click vào chứa CSS class là “xxxxxx”; và đường dẫn
hiện tại của trình duyệt kết thúc bằng “yyyyyy”. Có nhiều loại trigger được hỗ trợ
và nhiều loại điều kiện cho trigger chính xác.
4. Thiết lập tag
Tag là đoạn mã JavaScript sẽ gửi thông tin đến
bên thứ ba, chẳng hạn như Google. Khi sử dụng
Google Tag Manager, bạn không còn cần phải
gắn từng đoạn mã JavaScript của các bên thứ
ba trong mã nguồn nữa; thay vào đó, bạn sẽ chỉ
định các thẻ mà bạn muốn kích hoạt khi nào
dựa theo trigger đã thiết lập ở bước 3.
4. Thiết lập tag (cont.)
Ví dụ về việc thiết lập một tag trong GTM. Tag này dùng để
gửi một sự kiện (event) có tên là “Create new customer chat
tool” lên trên Google Analytics khi trigger “Click ---
Customer chat - Create new tool” được thỏa điều kiện.
Ngoài Google Analytics, GTM còn hỗ trợ nhiều loại tag khác
nhau như Ads, Remarketing, … nhưng sử dụng nhiều nhất
vẫn là Custom HTML.
4. Thiết lập tag (cont.)
Vi dụ tiếp theo là sử dụng loại tag custom HTML để lưu cookie về traffic source
xuống trình duyệt người dùng.
Khi người dùng truy cập ứng dụng từ một quảng cáo có gắn kèm params UTM,
cookie sẽ lưu các params này xuống để phân loại người dùng sau này.
5. Chế độ preview
Để kiểm tra xem các tag có gắn và hoạt động đúng hay không, GTM cung cấp chế độ preview để xem trước. Khi bật chế độ này, trình duyệt
bạn đang sử dụng khi truy cập ứng dụng sẽ hiển thị thêm một debugger phía dưới để kiểm tra các tag. Khi hoàn tất quá trình kiểm tra, hãy nhớ
chọn Leave Preview Mode để kết thúc.
6. Publish version
GTM quản lý theo cơ chế version. Mỗi lần thay đổi một thiết lập nào đó trong GTM (variable, trigger, tag, …), bạn cần Publish để cập nhật
version mới trên ứng dụng.
Thank You

More Related Content

PPTX
Trình bày các tác vụ quản lý Domain với Windows Server 2008
PDF
Part 16 sercurity template - audit -www.key4_vip.info
PDF
Tài liệu Hướng Dẫn Sử Dụng Sugarcrm (v 6.3.0) trên Linux (ubuntu)
PDF
Cài đặt và đo lường trong SEO
PDF
Hướng dẫn sử dụng hỗ trợ Seo
DOCX
Ajax Control ToolKit
PDF
Phần mềm quản lý nhân sự trực tuyến hướng dẫn chương8
PDF
Tài liệu vận hành phần mềm nhân sự ONLINE (chương 8)
Trình bày các tác vụ quản lý Domain với Windows Server 2008
Part 16 sercurity template - audit -www.key4_vip.info
Tài liệu Hướng Dẫn Sử Dụng Sugarcrm (v 6.3.0) trên Linux (ubuntu)
Cài đặt và đo lường trong SEO
Hướng dẫn sử dụng hỗ trợ Seo
Ajax Control ToolKit
Phần mềm quản lý nhân sự trực tuyến hướng dẫn chương8
Tài liệu vận hành phần mềm nhân sự ONLINE (chương 8)

Similar to Hướng dẫn sử dụng Google Tag Manager (20)

PDF
bao_cao_apache_jmeter.pdf
PDF
Kỹ thuật lập trình Gadget
PDF
Update Google&Facebook Ads 2019
PDF
Quản trị joomla toàn tập
PPTX
using github and gitlan. Cách sử dụng git
PPTX
Buổi 8 (06.6). Tổng quan về hệ thống giao dịch (Buổi 3) .pptx
PDF
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020
PDF
Part 6 local policy - local sercurity policy -www.key4_vip.info
DOC
Cài đặt exchange 2013 trên windows server 2008 r2
PDF
HIGHLIGHT TÍNH NĂNG CRM HAY TRONG PHIÊN BẢN PHẦN MỀM CRM PRO 2015
DOCX
PDF
So Sánh phần mềm SugarCRM với MisaCRM, genCRM, vTiger (V.2016)
PDF
template magento
PDF
Thiết lập Automation Marketing
PDF
Ebook Giáo trình Make.com: Từ Căn Bản Tới Nâng Cao tập 1
PDF
Hmi của mitsubishi
PDF
Huong dangdtt traderweb
PDF
Part 24 parental control -www.key4_vip.info
DOCX
Thảo - google chrome
PPT
Những lỗi bảo mật web thường gặp ở phần application
bao_cao_apache_jmeter.pdf
Kỹ thuật lập trình Gadget
Update Google&Facebook Ads 2019
Quản trị joomla toàn tập
using github and gitlan. Cách sử dụng git
Buổi 8 (06.6). Tổng quan về hệ thống giao dịch (Buổi 3) .pptx
Hướng dẫn sử dụng Google Search Console chi tiết nhất 2020
Part 6 local policy - local sercurity policy -www.key4_vip.info
Cài đặt exchange 2013 trên windows server 2008 r2
HIGHLIGHT TÍNH NĂNG CRM HAY TRONG PHIÊN BẢN PHẦN MỀM CRM PRO 2015
So Sánh phần mềm SugarCRM với MisaCRM, genCRM, vTiger (V.2016)
template magento
Thiết lập Automation Marketing
Ebook Giáo trình Make.com: Từ Căn Bản Tới Nâng Cao tập 1
Hmi của mitsubishi
Huong dangdtt traderweb
Part 24 parental control -www.key4_vip.info
Thảo - google chrome
Những lỗi bảo mật web thường gặp ở phần application
Ad

More from Hải Trần (12)

PDF
Programmatic advertising
PDF
The concept of tracking user behavior
PDF
Onboarding
PDF
Câu chuyện về font chữ
PDF
A/B Testing Tool
PDF
Photoshop in graphic design - Fundamental
PPTX
Building Your First Email Marketing
PDF
Câu chuyện về font chữ
PDF
Something you should know about UX in Wordpress
PDF
Approach to Responsive Web Design - Part 2
PDF
Approach to Responsive Web Design - Part 1
PDF
SharePoint Branding - Not look like SharePoint
Programmatic advertising
The concept of tracking user behavior
Onboarding
Câu chuyện về font chữ
A/B Testing Tool
Photoshop in graphic design - Fundamental
Building Your First Email Marketing
Câu chuyện về font chữ
Something you should know about UX in Wordpress
Approach to Responsive Web Design - Part 2
Approach to Responsive Web Design - Part 1
SharePoint Branding - Not look like SharePoint
Ad

Recently uploaded (6)

PPTX
bài thuyết trình thi công cầu elearning 3.pptx
PPTX
thi công cầu thuyết trình elearning 2.pptx
DOCX
Đệ Quy (Recursion) trong Java | Giải thích và Ứng dụng
PDF
Bài giảng - Phat Trien UD Tren Linux_Final_14092023.pdf
DOCX
GIẢI PHÁP BẢO MẬT THÔNG TIN LOGISTICS CHO DOANH NGHIỆP VIETTEL POST TRONG KỶ ...
DOCX
Đánh giá độ tin cậy lưới điện Khu II Trường Đại học Cần Thơ
bài thuyết trình thi công cầu elearning 3.pptx
thi công cầu thuyết trình elearning 2.pptx
Đệ Quy (Recursion) trong Java | Giải thích và Ứng dụng
Bài giảng - Phat Trien UD Tren Linux_Final_14092023.pdf
GIẢI PHÁP BẢO MẬT THÔNG TIN LOGISTICS CHO DOANH NGHIỆP VIETTEL POST TRONG KỶ ...
Đánh giá độ tin cậy lưới điện Khu II Trường Đại học Cần Thơ

Hướng dẫn sử dụng Google Tag Manager

  • 2. Tổng quan cơ chế hoạt động của GTM
  • 3. Các bước thiết lập 1 Tạo và cài đặt GTM Container 2 Thiết lập các biến dữ liệu 3 Trigger và cách thiết lập trigger 4 Thiết lập tag 5 Chế độ preview 6 Publish version
  • 4. 1. Tạo và cài đặt GTM Container Tài khoản GTM có thể tạo nhiều Account, mỗi Account có thể chứa nhiều Container. Mỗi Container có một ID riêng để thiết lập trên web hoặc app. Click vào bánh răng để lấy code cài đặt GTM.
  • 5. 1. Tạo và cài đặt GTM Container (cont.) Chọn mục Install Google Tag Manager để lấy code thiết lập.
  • 6. 1. Tạo và cài đặt GTM Container (cont.) Thiết lập theo hướng dẫn.
  • 7. 2. Thiết lập các biến dữ liệu Biến (variable) trong GTM dùng để lưu trữ một số thông tin về môi trường mà người dùng đang thao tác với ứng dụng (trình duyệt, OS, location, …) và một số thông tin được tạo ra trong quá trình thao tác (click url, page url, …) Ngoài ra, cơ chế variable trong GTM cho phép ta tùy biến để đẩy các thông tin từ ứng dụng qua các công cụ khác.
  • 8. 2. Thiết lập các biến dữ liệu (cont.) GTM hỗ trợ rất nhiều loại biến, nhưng thường dùng nhất vẫn là JS Variable và Data Layer Variable.
  • 9. 3. Trigger và cách thiết lập trigger Trigger là cách bạn thông báo cho GTM biết khi nào nó cần kích hoạt một tag. Ví dụ bên cạnh khai báo một trigger khi click vào một đường dẫn URL. Gồm 2 điều kiện: đối tượng được click vào chứa CSS class là “xxxxxx”; và đường dẫn hiện tại của trình duyệt kết thúc bằng “yyyyyy”. Có nhiều loại trigger được hỗ trợ và nhiều loại điều kiện cho trigger chính xác.
  • 10. 4. Thiết lập tag Tag là đoạn mã JavaScript sẽ gửi thông tin đến bên thứ ba, chẳng hạn như Google. Khi sử dụng Google Tag Manager, bạn không còn cần phải gắn từng đoạn mã JavaScript của các bên thứ ba trong mã nguồn nữa; thay vào đó, bạn sẽ chỉ định các thẻ mà bạn muốn kích hoạt khi nào dựa theo trigger đã thiết lập ở bước 3.
  • 11. 4. Thiết lập tag (cont.) Ví dụ về việc thiết lập một tag trong GTM. Tag này dùng để gửi một sự kiện (event) có tên là “Create new customer chat tool” lên trên Google Analytics khi trigger “Click --- Customer chat - Create new tool” được thỏa điều kiện. Ngoài Google Analytics, GTM còn hỗ trợ nhiều loại tag khác nhau như Ads, Remarketing, … nhưng sử dụng nhiều nhất vẫn là Custom HTML.
  • 12. 4. Thiết lập tag (cont.) Vi dụ tiếp theo là sử dụng loại tag custom HTML để lưu cookie về traffic source xuống trình duyệt người dùng. Khi người dùng truy cập ứng dụng từ một quảng cáo có gắn kèm params UTM, cookie sẽ lưu các params này xuống để phân loại người dùng sau này.
  • 13. 5. Chế độ preview Để kiểm tra xem các tag có gắn và hoạt động đúng hay không, GTM cung cấp chế độ preview để xem trước. Khi bật chế độ này, trình duyệt bạn đang sử dụng khi truy cập ứng dụng sẽ hiển thị thêm một debugger phía dưới để kiểm tra các tag. Khi hoàn tất quá trình kiểm tra, hãy nhớ chọn Leave Preview Mode để kết thúc.
  • 14. 6. Publish version GTM quản lý theo cơ chế version. Mỗi lần thay đổi một thiết lập nào đó trong GTM (variable, trigger, tag, …), bạn cần Publish để cập nhật version mới trên ứng dụng.