Trình quản lý thẻ phía máy chủ cho phép bạn di chuyển thẻ Sự kiện dữ liệu do người dùng cung cấp trên Google Ads từ trang web sang máy chủ. Việc di chuyển các thẻ này sang máy chủ sẽ giảm lượng mã bạn phải chạy trong trang và 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 web và vùng chứa máy chủ của 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 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 máy chủ, 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 vùng chứa máy chủ, hãy mở trình đơn Thẻ ở bên trái trang.
- Nhấp vào Mới để thêm 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, điều kiện kích hoạt Tất cả các trang là lựa chọn tốt nhất. - Đặ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 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 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.
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 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
.Cách kích hoạt thẻ trên một sự kiện tuỳ chỉnh:
- Chọn điều kiện 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.
Cách chỉ kích hoạt trên các 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 của trang bằng 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ó trong sự kiện, tương tự như tính năng 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
Sau đây là 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 muốn kiểm soát nơi thu thập dữ liệu đầu vào, hãy chọn chế độ thiết lập thủ công hoặc bằng đoạn mã. |
Chỉ định các 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 muốn kiểm soát cách định dạng và băm dữ liệu, hãy chọn sử dụng cấu hình đoạn mã. |
Thêm một đoạn mã vào trang web của bạn. Đoạn mã này sẽ 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 một cách nhất quán mỗi khi thẻ chuyển đổi kích hoạt. |
| Độ phức tạp | Đơn giản | Trung bình | 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 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 Cấu hình thủ công.
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 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 mục Phương thức 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 rồi sử dụng biến mã nhận dạng đó.
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 của bạn sẽ quay lại 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 cách sử dụ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 vào 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 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 sự kiện bằ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 đã 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 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 một hàm băm mà 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 đến 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 của bạn sẽ quay lại 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
Sau khi bắt đầu gửi dữ liệu bằng vùng chứ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 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ả các 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ẻ Console (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 máy chủ. Kiểm tra và khắc phục lỗi.
Để đượ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 phần trợ giúp về việc xem trước và gỡ lỗi.
Các bước tiếp theo
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 trùng lặp dữ liệu.