Bài viết này dành cho những nhà phát triển muốn di chuyển thẻ Floodlight từ Thẻ Quản lý vùng chứa trên web vào một vùng chứa phía máy chủ.
Trình quản lý thẻ phía máy chủ giúp bạn di chuyển doanh số bán hàng trên Google Floodlight và thẻ bộ đếm từ trang web đến máy chủ. Di chuyển các thẻ này đến máy chủ sẽ giảm lượng mã bạn phải chạy trên trang đồng thời 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ủ của mình, 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 bạn đã có Thẻ Trình liên kết chuyển đổi đã định cấu hình 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:
- Từ 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 .
- 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
bốc cháy.
Trong hầu hết các trường hợp, trình kích hoạt Tất cả các trang là lựa chọn phù hợp 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ẻ Doanh số Floodlight trong vùng chứa phía máy chủ.
Bộ đếm Floodlight
Để thiết lập thẻ Bộ đếm Floodlight:
- Trong không gian làm việc của vùng chứa phía máy chủ, hãy chọn trình đơn Thẻ ở bên trái ở bên cạnh 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 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 bên trên nhà quảng cáo đó
ngay bên dưới tên của nhà quảng cáo. Giá trị này là
cũng được tìm thấy dưới dạng giá trị của
src=
trong thẻ Floodlight đã tạo đoạn trích. - Chuỗi thẻ nhóm: Trong bảng Hoạt động, xác định hoạt động
bạn muốn cộng tác và tìm chuỗi thẻ nhóm được liệt kê trong
một cột ở bên phải. Đâ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 xử lý và tìm thẻ hoạt động
string được liệt kê trong cột ở bên phải. Thông tin 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.
- 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 bên trên nhà quảng cáo đó
ngay bên dưới tên của nhà quảng cáo. Giá trị này là
cũng được tìm thấy dưới dạng giá trị của
Đặt Phương pháp tính mà bạn muốn:
- Chuẩn: Đếm tất 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 riêng biệt trong suốt 24 giờ mỗi ngày, từ nửa đêm đến nửa đêm theo Giờ miền Đông (Hoa Kỳ).
- Mỗi phiên: Đếm một lượt chuyển đổi cho mỗi người dùng trong mỗi phiên. Thời lượng phiên hoạt động do trang web đặt thẻ Floodlight đặt đã triển khai.
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 các 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
Để thiết lập thẻ Bán hàng Floodlight, hãy làm như sau:
- Trong không gian làm việc của vùng chứa phía máy chủ, hãy chọn trình đơn Thẻ ở bên trái ở bên cạnh 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 thẻ tự động thu thập các giá trị sau 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 và đăng nhập vào Campaign Manager 360 độ. Nhấp chuột Nhà quảng cáo, rồi nhấp vào tên của nhà quảng cáo đó. Nhập 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 bên trên nhà quảng cáo đó
ngay bên dưới tên của nhà quảng cáo. Giá trị này là
cũng được tìm thấy dưới dạng giá trị của
src=
trong thẻ Floodlight đã tạo đoạn trích. - Chuỗi thẻ nhóm: Trong bảng Hoạt động, xác định hoạt động
bạn muốn cộng tác và tìm chuỗi thẻ nhóm được liệt kê trong
một cột ở bên phải. Đâ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 xử lý và tìm thẻ hoạt động
string được liệt kê trong cột ở bên phải. Thông tin 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.
- 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 bên trên nhà quảng cáo đó
ngay bên dưới tên của nhà quảng cáo. Giá trị này là
cũng được tìm thấy dưới dạng giá trị của
Đặt Phương pháp tính mà bạn muốn:
- Chuẩn: Đếm tất 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 riêng biệt trong suốt 24 giờ mỗi ngày, từ nửa đêm đến nửa đêm theo Giờ miền Đông (Hoa Kỳ).
- Mỗi phiên: Đếm một lượt chuyển đổi cho mỗi người dùng trong mỗi phiên. Thời lượng phiên hoạt động do trang web đặt thẻ Floodlight đặt đã triển khai.
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 các 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 bỏ qua để Xác thực thiết lập.
Cách định cấu hình tính năng Nâng cao Lượt chuyển đổi tuân theo các bước dưới đây.
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
của bạn. Nếu bạn cần kiểm soát nơi thu thập thông tin đầu vào, hãy chọn cài đặt theo cách 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, chọn cấu hình mã. |
Thêm một đoạn mã vào trang web của bạn để 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ố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 bất cứ khi nào thẻ chuyển đổi của bạn 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 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 thu thập dữ liệu
truy cập vào máy chủ hoặc 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ại
í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ặ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. Chìa khoá đối với dữ liệu được mã hoá cần phải 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()
. Chiến lược phát hành đĩa đơn ví dụ bên dưới cho thấy cách triển khai lớp dữ liệu giả định bạn có 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 Dữ liệu do người dùng cung cấp biến, 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 bằng cách thiết lập Thẻ Bán hàng Floodlight hoặc Bộ đếm Floodlight.
Không bắt buộc: Giá trị doanh thu
Thẻ Bán hàng Floodlight dùng thông số value
của sự kiện làm thông số mặc định
để tính doanh thu. Để chỉ định một cơ sở khác để tính toán
bạn cần thiết lập một biến để lấy dữ liệu từ cơ sở dữ liệu trong
và chỉ định thẻ đó cho thẻ Bán hàng Floodlight của bạn.
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 một biến mới do người dùng xác định cho mục nhập dữ liệu. Ví dụ: nếu bạn muốn sử dụng giá trị từ cơ sở dữ liệu Firestore, hãy tạo một {{Tìm kiếm khôi phục dữ liệu}} biến.
- 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" rồi Lưu.
Cách sử dụng biến 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 mục Thông 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 mà bạn đã tạo trước đây.
- Đối với Mã đơn hàng, hãy nhập mã nhận dạng hoặc sử dụng biến để điền động mã đơn hàng.
Lưu thẻ.
Không bắt buộc: Thông số tùy chỉnh
Bạn có thể chuyển tùy chỉnh
dữ liệu từ
trang web của bạn lê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 trước
tên thông số:
- Trong vùng chứa trên 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 rằng sự kiện chuyển đến Floodlight, hãy thêm
x-dc-
vào trước. Ví dụ: nếu bình thường bạn gửimatch_id
, hãy thay đổi thànhx-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 sự kiện
tên thông số:
gtag('event', 'purchase', {
'x-dc-match_id': [MATCH_ID],
...
})
Bước 3: Xác thực chế độ thiết lập của bạn
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 liệu nó hoạt động đúng cách 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ị 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 vào 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ẻ Floodlight hoạt động như dự kiến, bạn có thể xoá mọi thẻ tương đương Thẻ Floodlight trong vùng chứa trên web để tránh trùng lặp dữ liệu.