[GA4] Chỉ định bộ chọn CSS hoặc biến JavaScript (gtag.js)

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 đang thiết lập tính năng thu thập dữ liệu do người dùng cung cấp và muốn tìm hiểu cách xác định dữ liệu do người dùng cung cấp thông qua lựa chọn Chỉ định bộ chọn CSS hoặc biến JavaScript trên trang Cho phép thu thập dữ liệu do người dùng cung cấp.

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:

• Đã 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
• Có vai trò Quản trị viên đối với tài sản Google Analytics

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 mục "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 tương ứng trong Google Analytics hoặc Trình quản lý thẻ.
   • 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.