Trình quản lý thẻ phía máy chủ cho phép bạn di chuyển các thẻ Sự kiện dữ liệu do người dùng Google Ads cung cấp từ trang web đến máy chủ. Việc di chuyển các thẻ này đến máy chủ sẽ làm giảm số lượng mã bạn phải chạy trên trang, đồng thời giúp cải thiện tốc độ tải trang. Tài liệu này mô tả cách định cấu hình vùng chứa trên web và vùng chứa của máy chủ trong Trình quản lý thẻ để sử dụng thẻ Sự kiện dữ liệu do người dùng Google Ads cung cấp.
Trước khi bắt đầu
Tài liệu này giả định rằng bạn:
- Quyền quản trị trong Google Ads và Trình quản lý thẻ của Google
- Thiết lập Trình quản lý thẻ của Google
- Đã tạo vùng chứa phía máy chủ
- Thiết lập ứng dụng Google Analytics: GA4
Bước 1: Thiết lập thẻ Trình liên kết chuyển đổi
Để cho phép Google Ads gửi dữ liệu đến Trình quản lý thẻ, bạn cần thiết lập thẻ Trình liên kết chuyển đổi.
Nếu đã định cấu hình thẻ Trình liên kết chuyển đổi trong vùng chứa phía máy chủ, thì bạn có thể bỏ qua bước này.
Cách thiết lập thẻ Trình liên kết chuyển đổi:
- Trong không gian làm việc của vùng chứa phía máy chủ, hãy mở trình đơn Thẻ ở bên trái của trang.
- Nhấp vào Mới để thêm một thẻ mới.
- Chọn loại thẻ Trình liên kết chuyển đổi.
- Thiết lập trình kích hoạt sẽ khiến thẻ phía máy chủ Trình liên kết chuyển đổi kích hoạt.
Trong hầu hết các trường hợp, tốt nhất là trình kích hoạt Tất cả các trang. - Đặt tên cho thẻ rồi nhấp vào Lưu.
Bước 2: Thiết lập thẻ Sự kiện dữ liệu do người dùng Google Ads cung cấp trong vùng chứa phía máy chủ
Cách thiết lập thẻ Sự kiện dữ liệu do người dùng Google Ads cung cấp:
- Trong không gian làm việc của vùng chứa phía máy chủ, hãy mở trình đơn Thẻ ở bên trái của trang.
- Nhấp vào Mới để thêm một thẻ mới.
- Chọn loại thẻ Sự kiện dữ liệu do người dùng Google Ads cung cấp.
Nhập thông tin lượt chuyển đổi bắt buộc (Mã chuyển đổi). Bạn có thể tìm thấy các giá trị này trong tài khoản Google Ads của mình.
Trong trình đơn Kích hoạt, hãy chọn một điều kiện kích hoạt hiện có nếu phù hợp với trường hợp sử dụng của bạn. Nếu không có điều kiện kích hoạt có sẵn nào đáp ứng được nhu cầu của bạn, hãy tạo một điều kiện kích hoạt tuỳ chỉnh mới
.Để kích hoạt thẻ trên sự kiện tuỳ chỉnh:
- Chọn trình kích hoạt Sự kiện tuỳ chỉnh.
- Nhập tên sự kiện khớp với tên được dùng trong thẻ Google
Analytics: Sự kiện GA4.
Để chỉ kích hoạt trên những URL cụ thể:
- Chọn lựa chọn để kích hoạt trên Một số sự kiện tuỳ chỉnh.
- Thêm biến URL trang để bằng với URL mà thẻ sẽ kích hoạt.
Đặt tên cho thẻ rồi nhấp vào Lưu.
Bước 3: Thiết lập dữ liệu người dùng
Thẻ này dựa vào dữ liệu người dùng có sẵn trong sự kiện, tương tự như Lượt chuyển đổi nâng cao
Thiết lập biến dữ liệu do người dùng cung cấp
Có 3 cách để triển khai tính năng lượt chuyển đổi nâng cao trong Trình quản lý thẻ. Bạn chỉ cần chọn một cách để thu thập dữ liệu do người dùng cung cấp.
| Thu thập tự động | Cấu hình thủ công | Cấu hình mã | |
|---|---|---|---|
| Phương thức thu thập | Tự động thu thập dữ liệu do người dùng cung cấp dựa trên mã của
trang web. Nếu bạn cần kiểm soát nơi thu thập dữ liệu đầu vào, hãy chọn thiết lập thủ công hoặc bằng mã. |
Chỉ định một số thuộc tính CSS hoặc biến JavaScript để thu thập dữ liệu do người dùng cung cấp. Nếu bạn cần kiểm soát việc định dạng và băm dữ liệu, hãy chọn cấu hình mã. |
Thêm một đoạn mã vào trang web của bạn nhằm gửi dữ liệu khách hàng đã băm để so khớp. Phương thức này là lựa chọn tốt nhất để tối đa hoá độ chính xác của lượt chuyển đổi nâng cao bằng cách cho phép bạn gửi dữ liệu được định dạng nhất quán bất cứ khi nào thẻ chuyển đổi kích hoạt. |
| Độ phức tạp | Đơn giản | Phương tiện | Phức tạp |
| Kỹ năng | Không cần kỹ năng đặc biệt | HTML và CSS | Phát triển web |
Thu thập tự động
- Trong vùng chứa web, hãy mở trình đơn Biến.
- Tạo một Biến do người dùng xác định mới thuộc loại Dữ liệu do người dùng cung cấp.
- Đặt Loại thành Thu thập tự động.
- Đặt tên cho biến, ví dụ:
My user-defined data. - Nhấp vào Lưu.
Cấu hình thủ công
- Trong vùng chứa web, hãy mở trình đơn Biến.
- Tạo một Biến do người dùng xác định mới thuộc loại Dữ liệu do người dùng cung cấp.
- Đặt Type (Loại) thành Manual configuration (Cấu hình thủ công).
Đối với trường dữ liệu người dùng liên quan mà bạn muốn cung cấp thông qua tính năng lượt chuyển đổi nâng cao, hãy thêm một biến mới hoặc biến hiện có.
Để chỉ định một phần tử từ DOM, hãy tạo Biến mới > Cấu hình biến > Phần tử DOM.
Trong Phương pháp chọn, bạn có thể sử dụng Bộ chọn CSS hoặc mã nhận dạng. Mẹo: Nếu các biến CSS của bạn thay đổi thường xuyên, hãy thêm mã HTML vào trang web và sử dụng biến ID.
Nhập bộ chọn CSS hoặc tên mã nhận dạng. Bạn có thể để trống trường Tên thuộc tính.
Đặt tên và Lưu biến Phần tử DOM. Sau đó, màn hình sẽ quay về chế độ cài đặt Dữ liệu do người dùng cung cấp.
Đặt tên cho biến Dữ liệu do người dùng cung cấp, ví dụ:
My user-defined data.Nhấp vào Lưu.
Cấu hình đoạn mã
Bước 1: Nhận diện và xác định các biến cho tính năng lượt chuyển đổi nâng cao
Bạn có thể gửi dữ liệu chưa được băm để Google băm dữ liệu đó trước khi dữ liệu đó được chuyển đến máy chủ, hoặc gửi dữ liệu đã băm sẵn. Nếu bạn quyết định gửi dữ liệu được băm sẵn, vui lòng mã hoá dữ liệu bằng thuật toán SHA256 được mã hoá theo hệ thập lục phân. Trong cả hai trường hợp, hãy cung cấp ít nhất một trong các trường sau: email hoặc số điện thoại.
Cách đẩy dữ liệu chưa được băm đến lớp dữ liệu:
Trên trang web của bạn, hãy lưu trữ dữ liệu do người dùng cung cấp dưới dạng các cặp khoá-giá trị trong một biến JavaScript. Ví dụ:
var leadsUserData = { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, };Gửi dữ liệu người dùng cùng với một sự kiện bằng cách sử dụng dataLayer.push(). Ví dụ:
<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, }, }); <script>
Biến leadsUserData hiện đã có trong Trình quản lý thẻ của Google.
Cách đưa dữ liệu được băm sẵn vào lớp dữ liệu:
Trên trang web của bạn, hãy băm dữ liệu do người dùng cung cấp bằng thuật toán SHA256 được mã hoá theo hệ thập lục phân. Khoá cho dữ liệu được mã hoá cần bắt đầu bằng
sha256_. Ví dụ:{'sha256_email_address':await hashEmail(email.trim()), }Gửi dữ liệu người dùng cùng với một sự kiện bằng
dataLayer.push(). Ví dụ bên dưới cho thấy cách triển khai lớp dữ liệu giả định rằng bạn đã tự viết hàm băm và bạn chạy không đồng bộ.<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'sha256_email_address': await hashEmail(email.trim()), 'sha256_phone_number': await hashPhoneNumber(phoneNumber), 'address': { sha265_first_name: await hashString(firstname), sha256_last_name: await hashString(lastname), sha256_street: await hashString(streetAddress), postal_code: '12345', }, }, }); <script>
Biến leadsUserData hiện đã có trong Trình quản lý thẻ của Google.
Bước 2: Tạo biến dữ liệu do người dùng cung cấp
- Trong vùng chứa web, hãy mở trình đơn Biến.
- Tạo một Biến do người dùng xác định mới thuộc loại Dữ liệu do người dùng cung cấp.
- Đặt Type (Loại) thành Code (Mã).
- Đối với trường dữ liệu người dùng có liên quan mà bạn muốn cung cấp, hãy nhấp vào trình đơn thả xuống rồi chọn Biến mới.
- Trong mục Chọn loại biến, hãy chọn Biến lớp dữ liệu.
- Trong Biến lớp dữ liệu, hãy tham chiếu dữ liệu người dùng mà bạn đã lưu trữ. Ví dụ:
leadsUserData. - Đặt tên và Lưu biến Lớp dữ liệu. Sau đó, màn hình sẽ quay về chế độ cài đặt Dữ liệu do người dùng cung cấp.
- Đặt tên cho biến Dữ liệu do người dùng cung cấp, ví dụ:
My user-defined data. - Nhấp vào Lưu.
Chỉ định biến cho thẻ Google
- Trong vùng chứa trên web, hãy mở trình đơn Thẻ.
- Chỉnh sửa thẻ Google mà bạn sử dụng để gửi dữ liệu đến máy chủ gắn thẻ.
- Trong phần Cài đặt cấu hình, hãy thêm Thông số cấu hình mới có tên là
user_data. Đặt Giá trị thành biến Dữ liệu do người dùng cung cấp, ví dụ:{{My user-provided data}}. Lưu các nội dung thay đổi. Thẻ của bạn sẽ có dạng như sau:
Bước 4: Xác thực chế độ thiết lập
Khi bắt đầu gửi dữ liệu bằng vùng chứa phía máy chủ, bạn có thể kiểm tra xem vùng chứa đó có hoạt động đúng cách hay không bằng cách làm theo các bước sau:
- Mở trang web của bạn.
- Trong vùng chứa phía máy chủ của Trình quản lý thẻ của Google, hãy chọn Xem trước. Tag Assistant sẽ bắt đầu và tải vùng chứa phía máy chủ của bạn.
- Thẻ Thẻ hiển thị cho bạn tất cả những thẻ đã kích hoạt. Hãy nhớ kiểm tra xem thẻ mà bạn thiết lập đã kích hoạt hay chưa.
- Thẻ Bảng điều khiển cho thấy mọi lỗi xảy ra trong quá trình truyền dữ liệu đến vùng chứa của máy chủ. Kiểm tra lỗi và khắc phục.
Để được trợ giúp thêm về cách gỡ lỗi vùng chứa Trình quản lý thẻ, hãy xem mục trợ giúp về xem trước và gỡ lỗi.
Các bước tiếp theo
Sau khi thẻ Sự kiện dữ liệu do người dùng Google Ads cung cấp hoạt động như dự kiến, bạn có thể xoá mọi thẻ Sự kiện dữ liệu tương đương do người dùng Google Ads cung cấp trong một vùng chứa web để tránh việc trùng lặp dữ liệu.