Trang này được dịch bởi Cloud Translation API.

Thẻ Google Floodlight

Bài viết này dành cho các nhà phát triển muốn di chuyển thẻ Floodlight từ vùng chứa web của Trình quản lý thẻ vào vùng chứa phía máy chủ.

Trình quản lý thẻ phía máy chủ cho phép bạn di chuyển thẻ bán hàng và thẻ bộ đếm của Google Floodlight từ trang web sang máy chủ. Việc chuyển các thẻ này đến máy chủ sẽ làm giảm lượng mã bạn phải chạy trên trang và giúp cải thiện thời gian tải trang.

Trước khi bắt đầu

Trước khi bạn có thể di chuyển thẻ vào máy chủ, hãy đảm bảo rằng bạn:

Quyền quản trị đối với Trình quản lý thẻ của Google và Floodlight
Thiết lập và cài đặt Trình quản lý thẻ của Google
Thiết lập 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

Tài khoản Floodlight của bạn chỉ có thể gửi dữ liệu lượt chuyển đổi đến Trình quản lý thẻ của Google khi bạ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.

Để thiết lập thẻ Trình liên kết chuyển đổi, hãy làm như sau:

Từ không gian làm việc của vùng chứ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ủ của 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ẻ Floodlight

Trình quản lý thẻ của Google hỗ trợ thẻ Bộ đếm Floodlight và thẻ Bán hàng Floodlight trong vùng chứa phía máy chủ.

Bộ đếm Floodlight

Cách thiết lập thẻ Bộ đếm Floodlight:

Trong không gian làm việc của vùng chứa máy chủ, hãy chọn 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ẻ Bộ đếm Floodlight.
Để thu thập các giá trị cần thiết cho cấu hình thẻ, hãy mở một cửa sổ trình duyệt khác rồi đăng nhập vào Campaign Manager 360. Nhấp vào Nhà quảng cáo, sau đó nhấp vào tên của nhà quảng cáo đó. Nhập các giá trị này trong thẻ Bộ đếm Floodlight mới của Trình quản lý thẻ:
- Mã nhận dạng nhà quảng cáo: Mã nhận dạng nhà quảng cáo sẽ xuất hiện trên trang thông tin chi tiết về nhà quảng cáo, ngay bên dưới tên của nhà quảng cáo đó. Giá trị này cũng được tìm thấy dưới dạng giá trị của src= trong đoạn mã thẻ Floodlight đã tạo.
- Chuỗi thẻ nhóm: Trong bảng Hoạt động, hãy xác định hoạt động bạn muốn thực hiện và tìm chuỗi thẻ nhóm được liệt kê trong cột ở bên phải. Chuỗi thẻ này cũng được tìm thấy dưới dạng giá trị của type= trong đoạn mã thẻ Floodlight đã tạo.
- Chuỗi thẻ hoạt động: Trong bảng Hoạt động, hãy xác định hoạt động bạn muốn thực hiện và tìm chuỗi thẻ hoạt động được liệt kê trong cột ở bên phải. Chuỗi thẻ này cũng được tìm thấy dưới dạng giá trị của cat= trong đoạn mã thẻ Floodlight đã tạo.
Đặt Phương pháp tính mà bạn muốn:
- Chuẩn: Đếm tất cả các lượt chuyển đổi.
- Duy nhất: Đếm lượt chuyển đổi đầu tiên cho từng người dùng duy nhất trong mỗi ngày 24 giờ, từ nửa đêm hôm nay đến nửa đêm hôm sau, Giờ miền Đông (Hoa Kỳ).
- Trên mỗi phiên hoạt động: Đếm một lượt chuyển đổi cho mỗi người dùng trên mỗi phiên hoạt động. Thời lượng phiên sẽ do trang web triển khai thẻ Floodlight đặt.
Mở cửa sổ Chọn điều kiện kích hoạt.
Trong trình đơn Cấu hình điều kiện kích hoạt, hãy chọn một điều kiện kích hoạt. Trong hầu hết trường hợp, Tất cả các trang là lựa chọn tốt nhất.
Nhập tên thẻ rồi nhấp vào Lưu.

Bán hàng Floodlight

Cách thiết lập thẻ Bán hàng Floodlight:

Trong không gian làm việc của vùng chứa máy chủ, hãy chọn 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ẻ Bán hàng Floodlight. Lưu ý: Thẻ Bán hàng Floodlight sẽ tự động thu thập các giá trị sau đây từ trường thương mại điện tử tương ứng:
```
*   Order ID (Transaction ID)
*   Revenue (Value)
```
Để thu thập các giá trị cần thiết cho cấu hình thẻ, hãy mở một cửa sổ trình duyệt khác rồi đăng nhập vào Campaign Manager 360. Nhấp vào Nhà quảng cáo, sau đó nhấp vào tên của nhà quảng cáo đó. Nhập các giá trị này vào thẻ Bộ đếm Floodlight mới của Trình quản lý thẻ:
- Mã nhận dạng nhà quảng cáo: Mã nhận dạng nhà quảng cáo sẽ xuất hiện trên trang thông tin chi tiết về nhà quảng cáo, ngay bên dưới tên của nhà quảng cáo đó. Giá trị này cũng được tìm thấy dưới dạng giá trị của src= trong đoạn mã thẻ Floodlight đã tạo.
- Chuỗi thẻ nhóm: Trong bảng Hoạt động, hãy xác định hoạt động bạn muốn thực hiện và tìm chuỗi thẻ nhóm được liệt kê trong cột ở bên phải. Chuỗi thẻ này cũng được tìm thấy dưới dạng giá trị của type= trong đoạn mã thẻ Floodlight đã tạo.
- Chuỗi thẻ hoạt động: Trong bảng Hoạt động, hãy xác định hoạt động bạn muốn thực hiện và tìm chuỗi thẻ hoạt động được liệt kê trong cột ở bên phải. Chuỗi thẻ này cũng được tìm thấy dưới dạng giá trị của cat= trong đoạn mã thẻ Floodlight đã tạo.
Đặt Phương pháp tính mà bạn muốn:
- Chuẩn: Đếm tất cả các lượt chuyển đổi.
- Duy nhất: Đếm lượt chuyển đổi đầu tiên cho từng người dùng duy nhất trong mỗi ngày 24 giờ, từ nửa đêm hôm nay đến nửa đêm hôm sau, Giờ miền Đông (Hoa Kỳ).
- Trên mỗi phiên hoạt động: Đếm một lượt chuyển đổi cho mỗi người dùng trên mỗi phiên hoạt động. Thời lượng phiên sẽ do trang web triển khai thẻ Floodlight đặt.
Mở cửa sổ Chọn điều kiện kích hoạt.
Trong trình đơn Cấu hình điều kiện kích hoạt, hãy chọn một điều kiện kích hoạt. Trong hầu hết trường hợp, Tất cả các trang là lựa chọn tốt nhất.
Nhập tên thẻ rồi nhấp vào Lưu.

Không bắt buộc: Thiết lập tính năng lượt chuyển đổi nâng cao

Nếu bạn không sử dụng tính năng Lượt chuyển đổi nâng cao, hãy chuyển sang bước Xác thực chế độ thiết lập.

Để định cấu hình Lượt chuyển đổi nâng cao, hãy làm theo các bước bên dưới.

Thiết lập biến dữ liệu do người dùng cung cấp

Bạn có thể triển khai tính năng lượt chuyển đổi nâng cao trong Trình quản lý thẻ theo 3 cách. 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ã trang web của bạn. 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 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 định cấu hình mã.	Thêm một đoạn mã vào trang web sẽ gửi dữ liệu khách hàng đã băm để so khớp. Phương pháp này là lựa chọn tốt nhất để tăng tối đa độ chính xác của tính năng lượt chuyển đổi nâng cao nhờ cho phép bạn gửi dữ liệu được định dạng một cách nhất quán bất cứ khi nào thẻ chuyển đổi của bạn được 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 của bạn, 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 của bạn, 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 Cấu hình thủ công.
Đối với trường dữ liệu người dùng có 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ó.

Lưu ý: Nếu đã có các biến trong lớp dữ liệu (dù bạn dùng bộ chọn CSS hay các loại biến khác), thì bạn có thể chọn những biến đó thay vì tạo biến mới. Nếu bạn không chắc chắn, hãy tiếp tục làm theo hướng dẫn. Các biến này có thể đã được băm hoặc chưa được băm.
Để 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 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 biến CSS của bạn thay đổi thường xuyên, hãy thêm mã HTML vào trang web của bạn và 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 rồi Lưu biến Phần tử DOM. Sau đó, màn hình 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 băm để Google băm dữ liệu trước khi dữ liệu được gửi đến máy chủ, hoặc gửi dữ liệu đã băm trước. Nếu bạn quyết định gửi dữ liệu đã 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 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 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 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 một sự kiện bằng dataLayer.push(). Ví dụ bên dưới minh hoạ cách triển khai lớp dữ liệu giả định 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 của bạn, 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ữ. Ví dụ: leadsUserData.
Đặt tên và Lưu biến Lớp dữ liệu. Sau đó, màn hình 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 web, hãy mở trình đơn Thẻ.
Chỉnh sửa thẻ Google mà bạn 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 một 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:

Định cấu hình thẻ Floodlight phía máy chủ

Trong vùng chứa phía máy chủ, hãy bật tính năng Lượt chuyển đổi nâng cao trong thẻ Bán hàng Floodlight hoặc thẻ Bộ đếm Floodlight.

Đánh dấu vào hộp Bao gồm dữ liệu do người dùng cung cấp.
Nhấn vào Lưu để lưu các thay đổi.

Không bắt buộc: Giá trị doanh thu

Thẻ Bán hàng Floodlight sử dụng thông số value của sự kiện làm số tiền mặc định để tính toán doanh thu. Để chỉ định một cơ sở khác nhằm tính toán giá trị doanh thu, bạn cần thiết lập một biến để lấy dữ liệu từ cơ sở dữ liệu của mình và chỉ định biến đó cho thẻ Bán hàng Floodlight.

Cách tạo biến mới:

Trong vùng chứa phía máy chủ, hãy mở trình đơn Biến.
Tạo biến mới do người dùng xác định cho dữ liệu đầu vào. Ví dụ: nếu bạn muốn sử dụng một giá trị từ cơ sở dữ liệu Firestore, hãy tạo một biến {{Firestore Lookup}}.
Chỉ định nguồn dữ liệu cho biến.
Đặt tên cho biến (ví dụ: "Tra cứu lợi nhuận" và Lưu biến đó.

Cách sử dụng biến này trong thẻ Bán hàng Floodlight:

Trong vùng chứa phía máy chủ, hãy mở trình đơn Thẻ.
Chỉnh sửa thẻ Bán hàng Floodlight.
Trong phần Tham số duy nhất:
- Đối với Nguồn dữ liệu, hãy chọn Cấu hình tuỳ chỉnh.
- Đối với Doanh thu, hãy chọn biến bạn đã tạo trước đó.
- Đối với Order ID (Mã đơn hàng), hãy nhập mã đơn hàng hoặc sử dụng một biến để điền mã đơn hàng một cách linh động.
Lưu thẻ.

Không bắt buộc: Thông số tuỳ chỉnh

Bạn có thể chuyển các trường tuỳ chỉnh từ trang web của mình đến Google Marketing Platform, chẳng hạn như match_id.

Trình quản lý thẻ của Google

Để định cấu hình các trường tuỳ chỉnh cho Floodlight, hãy thêm x-dc- vào tên một thông số:

Trong vùng chứa web, hãy mở trình đơn Thẻ.
Chỉnh sửa thẻ Sự kiện GA4 hoặc tạo một thẻ mới.
Trong mục Thông số sự kiện, hãy thêm tên thông số. Để báo hiệu việc sẽ chuyển đến Floodlight, hãy thêm x-dc-. Ví dụ: nếu bạn thường gửi match_id, hãy thay đổi thành x-dc-match_id.
Lưu thẻ.

gtag.js

Để định cấu hình các trường tuỳ chỉnh cho Floodlight, hãy thêm x-dc- vào tên thông số sự kiện:

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

Bước 3: Xác thực thông tin 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. Tiện ích Tag Assistant sẽ bắt đầu và tải vùng chứa phía máy chủ của bạn.
Thẻ Thẻ cho bạn thấy tất cả thẻ đã được kích hoạt. Hãy nhớ kiểm tra xem thẻ mà bạn định cấu hình đã kích hoạt hay chưa.
Thẻ Bảng điều khiển hiển thị 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 lỗi và khắc phục chúng.

Để đượ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 bài viết trợ giúp xem trước và gỡ lỗi.

Các bước tiếp theo

Khi thẻ Floodlight hoạt động như dự kiến, bạn có thể xoá mọi thẻ Floodlight tương đương trong vùng chứa web để tránh trường hợp dữ liệu trùng lặp.