Bài viết có gì?

Hướng dẫn cài đặt Google Tag Manager để theo dõi sự kiện Click AloNgay trên GA4

AloNgay mặc định có sẵn tính năng ghi nhận chuyển đổi Google, Facebook khi khách truy cập click vào nút AloNgay. Tuy nhiên, hiện tại chưa có thiết lập để gửi sự kiện này về Google Analytics 4 (GA4). Nếu bạn muốn theo dõi hành vi người dùng trên website thông qua GA4, bài viết này sẽ hướng dẫn bạn từng bước cách sử dụng Google Tag Manager (GTM) để gửi sự kiện Click_AloNgay khi người dùng click vào nút gọi hotline (có id là btn-call-popup trên desktop và btn-call-hotline trên di động). Hãy cùng bắt đầu nào!

Google Tag Manager là gì?

Google Tag Manager (GTM) là công cụ miễn phí của Google, giúp bạn dễ dàng quản lý và triển khai các mã theo dõi (tracking code) mà không cần chỉnh sửa mã nguồn website. Với GTM, bạn có thể gửi các sự kiện như click nút, submit form, hoặc xem trang tới GA4 một cách nhanh chóng.

Trong bài này, chúng ta sẽ tập trung vào việc thiết lập GTM để gửi sự kiện Click_AloNgay khi người dùng click vào nút gọi hotline, với id là btn-call-popup trên desktop và btn-call-hotline trên di động.

Bạn cần chuẩn bị gì?

Trước khi bắt đầu, hãy đảm bảo bạn có:

Tài khoản Google Tag Manager và đã cài đặt GTM trên website (thẻ <script> trong <head> và <noscript> trong <body>).
Tài khoản Google Analytics 4 với Measurement ID (bắt đầu bằng G-).
Quyền quản trị website hoặc quyền truy cập vào GTM và GA4.

Nếu bạn chưa cài GTM, hãy tham khảo hướng dẫn cài đặt GTM của Google.

Hướng dẫn chi tiết thiết lập GTM để theo dõi sự kiện Click AloNgay

Bước 1: Tạo Trigger cho sự kiện click

Trigger (bộ kích hoạt) là điều kiện để GTM biết khi nào cần gửi sự kiện. Chúng ta sẽ tạo một trigger để phát hiện khi người dùng click vào nút có id btn-call-popup (trên desktop) hoặc btn-call-hotline (trên di động).

Đăng nhập vào tài khoản Google Tag Manager của bạn.
Chọn Container tương ứng với website của bạn.
Vào mục Triggers (Bộ kích hoạt) trong menu bên trái, sau đó nhấn New.
Đặt tên cho trigger, ví dụ: Trigger - Click btn-call-popup-hotline.
Nhấn vào Trigger Configuration và chọn loại Click – All Elements.
Chọn Some Clicks trong phần “This trigger fires on”.
Thiết lập điều kiện:
- Chọn Click Element > matches CSS selector.
- Nhập #btn-call-popup,#btn-call-hotline vào ô giá trị.
- Điều này đảm bảo trigger kích hoạt khi người dùng click vào element có id là btn-call-popup hoặc btn-call-hotline.
Nhấn Save để lưu trigger.

Bước 2: Tạo Tag để gửi sự kiện tới GA4

Tag là phần sẽ gửi dữ liệu (sự kiện) tới GA4. Chúng ta sẽ tạo một tag để gửi sự kiện Click_AloNgay.

Vào mục Tags trong menu bên trái, sau đó nhấn New.
Đặt tên cho tag, ví dụ: GA4 - Click AloNgay.
Nhấn vào Tag Configuration và chọn Google Analytics: GA4 Event.
Cấu hình tag:
- Measurement ID: Nhập Measurement ID của GA4 (vào GA4 > Admin > Data Streams để lấy).
- Event Name: Nhập Click_AloNgay (tên sự kiện nên viết liền, không dấu theo chuẩn GA4).
- (Tùy chọn) Thêm Event Parameters để gửi thêm thông tin:
  - Parameter Name: button_id, Value: {{Click ID}} (biến này sẽ tự động lấy id của nút được click, là btn-call-popup hoặc btn-call-hotline).
- Trong phần Triggering, chọn trigger vừa tạo (Trigger - Click btn-call-popup-hotline).
Nhấn Save để lưu tag.

Bước 3: Kiểm tra và xác nhận

Trước khi áp dụng, hãy kiểm tra để đảm bảo mọi thứ hoạt động đúng.

Trong GTM, nhấn Preview để vào chế độ debug.
Nhập URL website của bạn và kết nối để kiểm tra.
Truy cập website trên cả desktop và di động:
- Trên desktop, click vào nút có id btn-call-popup.
- Trên di động, click vào nút có id btn-call-hotline.
Kiểm tra cửa sổ debug của GTM để xem trigger và tag có kích hoạt đúng không.
Mở GA4, vào mục Reports > Realtime để kiểm tra xem sự kiện Click_AloNgay có xuất hiện không. Nếu bạn thêm parameter button_id, kiểm tra xem giá trị là btn-call-popup hoặc btn-call-hotline có được ghi nhận đúng không.

Bước 4: Publish thay đổi

Sau khi xác nhận sự kiện hoạt động đúng:

Quay lại GTM, nhấn Submit và đặt tên phiên bản (ví dụ: Add Click_AloNgay Event).
Nhấn Publish để áp dụng thay đổi lên website.

Một số lưu ý quan trọng

Element động: Nếu nút btn-call-popup hoặc btn-call-hotline được tạo động (dynamic) bằng JavaScript, hãy đảm bảo các element này đã xuất hiện trước khi GTM chạy. Nếu không, bạn có thể cần dùng trigger DOM Ready hoặc thêm logic chờ element.
Kiểm tra Measurement ID: Đảm bảo Measurement ID đúng để tránh lỗi gửi dữ liệu.
Tên sự kiện: Tên sự kiện trong GA4 nên ngắn gọn, không dấu, và tuân theo chuẩn GA4 (ví dụ: Click_AloNgay thay vì Click AloNgay).
Hiệu suất: Nếu website có nhiều nút hoặc sự kiện, hãy đặt tên trigger và tag rõ ràng để dễ quản lý.

Kết luận

Chỉ với vài bước đơn giản, bạn đã thiết lập thành công Google Tag Manager để theo dõi sự kiện Click_AloNgay khi người dùng click vào nút hotline trên cả desktop (btn-call-popup) và di động (btn-call-hotline). Việc này giúp bạn hiểu rõ hơn hành vi người dùng, từ đó tối ưu hóa trải nghiệm khách hàng và chiến dịch marketing.

Nếu bạn gặp bất kỳ khó khăn nào trong quá trình cài đặt, hãy liên hệ đội ngũ AloNgay qua hotline hoặc để lại câu hỏi ở phần bình luận bên dưới. Chúc bạn thành công!

Đừng quên theo dõi Blog AloNgay để cập nhật thêm nhiều hướng dẫn hữu ích khác!

Bách Trần

Có hơn 7 năm kinh nghiệm làm UI/UX cho phần mềm, công cụ về marketing. Giúp các doanh nghiệp tự động hóa quá trình Marketing, thiết lập thành phễu bán hàng tự động để chuyển đổi hàng nghìn khách hàng tiềm năng mua hàng.

Xem tất cả bài viết

Hướng dẫn cài Google Tag Manager cho click AloNgay trên GA4