Tìm hiểu về Google Analytics 4 (GA4)
GA4 là gì?
GA4 hay Google Analytics 4 là phiên bản tiếp theo của công cụ Analytics do Google cung cấp miễn phí và được sử dụng nhiều trong các hoạt động Digital Marketing giúp cho việc theo dõi và đo lường website và ứng dụng. GA4 thực hiện theo dõi và thu thập thông tin thông qua các sự kiện.
*Bài viết được biên soạn và phân tích dựa trên hiểu biết và kinh nghiệm cá nhân của Sang, hy vọng giúp ích được cho bạn. Nếu có sai sót nào đó mong nhận được góp ý từ bạn đọc!
Tại sao phải tracking GA4?
Theo như thông báo của Google, phiên bản Universal Analytics hay Google Analytics phiên bản tiền nhiệm sẽ dừng thu thập dữ liệu từ ngày 1 tháng 7 năm 2023. Cho nên, để tiếp tục sử dụng các tính năng mà Google Analytics cung cấp, bạn bắt buột phải sử dụng phiên bản GA4 hay Google Analytics 4.
GA4 có rất nhiều cải tiến và hỗ trợ rất nhiều cho bạn so với phiên bản trước đó.
Các phương pháp tracking GA4
Có 2 phương pháp thường dùng trong tracking GA4:
- Cách thứ nhất (Install manually): Đây là cách tracking thông qua thẻ Google Tag và tiến hành chèn code tracking trực tiếp lên website. Phương pháp này yêu cầu bạn phải có quyền truy cập và thêm code vào mã nguồn website, thường dành cho lập trình viên và các đoạn mã chủ yếu được viết bằng Javascript và yêu cầu truyền các giá trị động.
- Cách thứ hai (Google Tag Manager): Đây là cách tracking thông qua trình quản lý thẻ Google Tag Manager (GTM) của Google. Bạn chỉ cần thao tác trên giao diện của GTM để thêm các thẻ tracking. Phương pháp này dễ dàng hơn cho người làm Digital Marketing có thể tracking được. Tuy nhiên phương pháp này cũng sẽ yêu cầu 1 vài lớp dữ liệu hay còn gọi là Datalayer để lấy và truyền dữ liệu. Bài viết này Sang sẽ hướng dẫn bạn tracking chi tiết GA4 thông qua GTM.
Các bước chuẩn bị để tracking GA4 cho website bán hàng bằng Google Tag Manger
Thêm mã cơ sở Google Tag Manger vào trang website của bạn
Điều kiện tiên quyết để bạn có thể tracking thông qua GTM là phải chèn MÃ CƠ SỞ của Google Tag Manager vào trang website của bạn.
Các bước chèn mã cơ sở GTM vào website của bạn:
- Tạo và cấu hình tài khoản GTM tại: https://tagmanager.google.com
- Chèn mã GTM vào website của bạn, ở bước này, tùy vào nền tảng website mà bạn có thể tự chèn được hoặc bạn có thể nhờ người quản trị website để chèn.
Thêm các lớp dữ liệu (Datalayer) vào từng trang trên website theo mẫu của GA4
Bước này là cần thiết cho yêu cầu tracking GA4 thông qua Google Tag Manager, nếu bạn không phải là người có thể thêm được Datalayer, hãy nhờ nhà phát website của bạn và hãy gửi kèm tài liệu dành cho nhà phát triển dưới đây
Link: https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?hl=vi&client_type=gtm
#Lưu ý:
- Bạn không nhất thiết phải chèn hết tất cả các lớp dữ liệu trong tài liệu trên mà website bạn không có chức năng tương ứng hoặc bạn không muốn đo lường.
- Có thể lượt bỏ bớt một vài thông số trong mỗi Datalayer nếu không cần thiết. Ví dụ như đoạn JSON về item_variant: “green”,
location_id: “ChIJIQBpAG2ahYAR_6128GcTUEo”
# 6 lớp dữ liệu (Datalayer) theo mẫu GA4 cần thiết cho một website bán hàng mà bạn nên có:
-
- Datalayer trang chi tiết sản phẩm
- Datalayer thêm vào giỏ hàng
- Datalayer danh mục sản phẩm
- Datalayer trang khuyến mãi
- Datalayer trang thanh toán
- Datalayer trang hoàn tất đặt hàng
#CHI TIẾT SẢN PHẨM
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_item",
ecommerce: {
currency: "USD",
value: 7.77,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}
]
}
})
#THÊM VÀO GIỎ HÀNG
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "add_to_cart",
ecommerce: {
currency: "USD",
value: 7.77,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}
]
}
});
#DANH MỤC SẢN PHẨM
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_item_list",
ecommerce: {
item_list_id: "related_products",
item_list_name: "Related products",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
},
{
item_id: "SKU_12346",
item_name: "Google Grey Women's Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 3.33,
index: 1,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "gray",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 20.99,
promotion_id: "P_12345",
promotion_name: "Summer Sale",
quantity: 1
}]
}
});
#XEM KHUYẾN MÃI
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_promotion",
ecommerce: {
creative_name: "Summer Banner",
creative_slot: "featured_app_1",
promotion_id: "P_12345",
promotion_name: "Summer Sale",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}
]
}
});
#BẮT ĐẦU THANH TOÁN
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "begin_checkout",
ecommerce: {
currency: "USD",
value: 7.77,
coupon: "SUMMER_FUN",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}
]
}
});
#HOÀN TẤT ĐẶT HÀNG
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "purchase",
ecommerce: {
transaction_id: "T_12345",
value: 25.42,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
},
{
item_id: "SKU_12346",
item_name: "Google Grey Women's Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 3.33,
index: 1,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "gray",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 20.99,
promotion_id: "P_12345",
promotion_name: "Summer Sale",
quantity: 1
}]
}
});
Hướng dẫn tracking GA4 cho website bán hàng thực tế bằng SimpleB
Giới thiệu và khởi tạo website bán hàng bằng SimpleB
SimpleB là bộ nền tảng quản lý và phát triển kinh doanh dành cho các shop bán lẻ. SimpleB bao gồm website bán hàng và các bộ tính năng quản lý kinh doanh tích hợp trong một hệ thống.
Bạn có thể tìm hiểu thêm và dùng thử miễn phí 15 ngày tại trang chủ: simpleb.pro
SimpleB đã được tích hợp đầy đủ các lớp dữ liệu (Datalayer) cần thiết để cấu hình theo dõi Google Analytics 4 (GA4) dành cho website bán hàng. Bạn chỉ cần gắn mã thẻ cơ cở của GTM vào website là có thể thực hiện tracking các thẻ theo dõi GA4 chỉ trong vòng vài thao tác.
Các bước tracking GA4 cho website bán hàng thực tế bằng SimpleB
Bước 01: Gắn mã thẻ cơ sở của GTM vào website
Sau khi tạo tài khoản Google Tag Manger (GTM) bạn sẽ phải cài đặt thẻ cơ sở của GTM vào website cần tracking.
Truy cập trang quản trị SimpleB tìm đến Cài đặt hệ thống > Cấu hình website > Chèn code và dán mã cơ sở GTM vào phần head và body (như hình).
Bước 02: Tạo Data Stream (Luồng dữ liệu) và lấy ID theo dõi trong Google Analytics
Truy cập: analytics.google.com để tạo một tài khoản Google Analytics phục vụ cho việc đo lường, theo dõi và phân tích website của bạn hoàn toàn miễn phí.
Sau khi tạo tài khoản di chuyển đến Phần Admin (Bánh răng) > Chọn Data streams > Tạo một Data stream (Như hình).
Sau khi tạo Data stream bạn click vào xem chi tiết sẽ thấy mục “MEASUREMENT ID” chính là ID theo dõi cho website của bạn
Bước 03: Tạo trình kích hoạt (Trigger) theo các sự kiện tùy chỉnh trong Google Tag Manager
Ở giao diện Google Tag Manager chọn Trình kích hoạt > Mới để tạo trình kích hoạt
Trình kích hoạt là bộ kích kích hoạt theo các điều kiện nhất định được định nghĩa. Trong hướng dẫn tracking GA4 ở bài viết này sẽ sử dụng trình kích hoạt theo sự kiện tùy chỉnh theo các lớp dữ liệu Datalayer được gắn vào website trước đó.
Chọn Loại trình kích hoạt là Sự kiện tùy chỉnh > Tên sự kiện sẽ có các giá trị khác nhau theo 6 lớp Datalayer được chèn vào website trước đó
Bạn cần tạo 6 Trình kích hoạt theo Sự kiện tùy chình với 6 Tên sự kiện khác nhau tương ứng là:
- view_item
- view_item_list
- add_to_cart
- view_promotion
- begin_checkout
- purchase
Tracking qua các thẻ theo dõi dự kiện GA4
Sau khi tạo trình kích hoạt theo các sự kiện tùy chình, bạn đã có thể tạo ra các thẻ theo dõi GA4 cho website bán hàng của mình. 8 thẻ tracking GA4 dưới dây là các thẻ thường dùng và cần thiết cho một website bán hàng mà bạn nên tracking.
Tạo thẻ cấu hình GA4 – Thẻ Google Tag
Thẻ cấu hình GA4 là thẻ cơ sở, được kích hoạt trên toàn trang trong website. Đây là thẻ quan trọng để thu thập dữ liệu trên toàn bộ website của bạn.
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới
Sau khi tạo thẻ Google Tag, bước tiếp bạn cần tạo các thẻ theo dõi sự kiện GA4. Đây sẽ là các sự kiện có giá trị trong một website bán hàng, giúp bạn phân tích và ra quyết định tốt hơn về hoạt động bán hàng diễn ra ngay trên website của bạn.
Tạo thẻ cấu hình sự kiện “Xem trang” – page_view
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới để theo dõi sự kiện Xem trang
Tạo thẻ cấu hình sự kiện “Xem sản phẩm” – view_item
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới để theo dõi sự kiện Xem sản phẩm
Tạo thẻ cấu hình sự kiện “Xem danh mục sản phẩm” – view_item_lists
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới để theo dõi sự kiện Xem danh mục sản phẩm (bao gồm tất cả các trang lưu trữ sản phẩm ngoại trừ trang tìm kiếm)
Tạo thẻ cấu hình sự kiện “Thêm vào giỏ hàng” – add_to_cart
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới để theo dõi sự kiện Thêm vào giỏ hàng
Tạo thẻ cấu hình sự kiện “Xem khuyến mãi” – view_promotion
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới để theo dõi sự kiện Xem khuyến mãi
Tạo thẻ cấu hình sự kiện “Bắt đầu thanh toán” – begin_checkout
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới để theo dõi sự kiện Bắt đầu thanh toán
Tạo thẻ cấu hình sự kiện “Hoàn tất đặt hàng” – purchase
Ở giao diện Google Tag Manager chọn Thẻ > Mới để tạo thẻ theo dõi và chọn như hình dưới để theo dõi sự kiện Đặt hàng
Xuất bản thẻ và xem kết quả trong GA4
Bước cuối cùng để thẻ GA4 có thể thu thập dữ liệu từ trang website của bạn
Ở giao diện Google Tag Manager chọn Gửi > Nhập tên phiên bản > Xuất bản để xuất bản các thẻ theo dõi GA4 lên website của bạn
Đến đây, cơ bản bạn đã thêm thành công các thẻ theo dõi GA4 vào website. Bạn có thể truy cập Trang quản trị của Google Analytics để xem báo cáo và phân tích dữ liệu trang website của mình.
Chúc bạn thành công!
