[GA4] Thiết lập cấu hình thủ công (Trình quản lý thẻ)

Tính năng này là một phần của chương trình thử nghiệm beta công khai và có thể thay đổi.

Đây là hướng dẫn dành cho những quản trị viên và người chỉnh sửa muốn xác định dữ liệu do người dùng cung cấp trên trang web của họ và nhập dữ liệu đó vào Trình quản lý thẻ của Google.

Tổng quan

Bạn nên cập nhật mã trên mọi trang mà bạn thu thập dữ liệu do người dùng cung cấp, chẳng hạn như trang đăng ký, trang tạo khách hàng tiềm năng, trang thanh toán hoặc những trang tương tự. Bạn có thể gửi dữ liệu nhiều lần trong một phiên để đảm bảo rằng dữ liệu đã được gửi đến Analytics.

Trước khi bắt đầu

Hướng dẫn này giả định rằng bạn đáp ứng các điều kiện sau:

• Có quyền truy cập vào vùng chứa Trình quản lý thẻ dành cho trang web của bạn
• Đã kích hoạt tính năng thu thập dữ liệu do người dùng cung cấp và được phép thu thập dữ liệu do người dùng cung cấp
• Đã thiết lập thẻ Google Analytics: Sự kiện GA4 trong vùng chứa Trình quản lý thẻ

 Hướng dẫn

1. Đăng nhập vào Trình quản lý thẻ của Google.
2. Trong thẻ Không gian làm việc, hãy nhấp vào Thẻ ở bên trái.
3. Mở thẻ Google Analytics: Sự kiện GA4 mà bạn dùng để thu thập dữ liệu khách hàng.
4. Mở rộng mục Tham số sự kiện rồi nhấp vào Thêm tham số.
5. Nhập user_data vào trường "Tham số sự kiện".
6. Trong trường "Giá trị", hãy chọn hoặc tạo một biến Dữ liệu do người dùng cung cấp.
7. Trong biến Dữ liệu do người dùng cung cấp, hãy chọn Cấu hình thủ công.
   
8. Với mỗi trường, hãy mở rộng trình đơn thả xuống rồi chọn một biến.
9. Nếu bạn tạo một biến cho một trường dữ liệu, hãy hoàn tất các bước sau:
   1. Nhấp vào Cấu hình biến > Phần tử DOM.
   2. Nhập tên cho biến ở trên cùng.
   3. Trong trường Phương thức chọn, hãy chọn Bộ chọn CSS.
   4. Trong trường Bộ chọn yếu tố, hãy nhập bộ chọn CSS tham chiếu dữ liệu khách hàng. Tìm hiểu cách xác định bộ chọn CSS cho các trường dữ liệu do người dùng cung cấp.
   5. Để trống trường Tên thuộc tính.
   6. Bỏ qua trường Định dạng giá trị để tránh các vấn đề có thể xảy ra khi thiết lập.
   7. Lưu biến Phần tử DOM.
   8. Lặp lại các bước này cho từng trường mà bạn muốn thu thập.
10. Trong biến Dữ liệu do người dùng cung cấp, hãy bỏ qua trường Định dạng giá trị.
11. Lưu thẻ sự kiện.
12. Ở trên cùng bên phải, hãy nhấp vào Gửi để xuất bản các thay đổi.

Xác định bộ chọn CSS cho các trường dữ liệu do người dùng cung cấp

Để xác định bộ chọn CSS cần nhập vào các trường, hãy hoàn tất các bước sau cho từng trường. Nếu đã có các biến chưa băm trong mã, bạn có thể chọn những biến đó thay vì tạo biến CSS mới. Tìm hiểu thêm về Các trường cần đặt.

Lưu ý: Nếu bạn đang sử dụng biến JavaScript, hãy hỏi nhà phát triển của bạn xem bạn nên thêm những biến nào vào các trường này. Đó là cách dễ nhất. Nếu đang sử dụng Bộ chọn CSS, bạn có thể làm theo các bước bên dưới.

1. Mở cửa sổ trình duyệt Google Chrome.
2. Truy cập vào trang web của bạn nhưng vẫn mở Trình quản lý thẻ của Google.
3. Xác định dữ liệu khách hàng mà bạn muốn gửi đến Google Analytics. Ví dụ: nếu bạn muốn gửi địa chỉ email, hãy xác định vị trí của địa chỉ email trên trang.
4. Nhấp chuột phải vào trường, rồi chọn Kiểm tra. Ví dụ: nếu bạn đang cố gắng lấy một địa chỉ email, hãy nhấp chuột phải vào địa chỉ email đó.
5. Trên trang Công cụ cho nhà phát triển Chrome, bạn sẽ thấy một phần mã được làm nổi bật. Đoạn mã này là phần tử trang mà bạn cần để trích xuất Bộ chọn CSS cho dữ liệu khách hàng.
6. Di chuột qua mã được làm nổi bật rồi nhấp chuột phải vào mã đó.
7. Di chuyển xuống để "Sao chép", rồi chọn Sao chép bộ chọn.
8. Dán văn bản đã sao chép vào trường "Chỉ định bộ chọn CSS hoặc biến JavaScript" trong Google Analytics hoặc vào trường "Bộ chọn phần tử" của biến Phần tử DOM trong Trình quản lý thẻ của Google.
   • Văn bản đã sao chép sẽ có dạng như sau: 
     tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail

Next steps

Validate that user-provided data collection is set up correctly. Show me how.