Tạo biến tuỳ chỉnh do người dùng xác định cho web trong Trình quản lý thẻ của Google cho phù hợp với những yêu cầu cụ thể mà biến tích hợp sẵn có thể chưa đáp ứng được.
Để tạo biến mới do người dùng xác định:
- Trong bảng điều hướng bên trái, nhấp vào Biến.
- Trong phần Biến do người dùng xác định, nhấp vào Mới.
- Nhấp vào Cấu hình biến rồi chọn loại biến mong muốn.
- Nhập các lựa chọn cấu hình cho loại biến đã chọn.
- Đặt tên cho biến. Sử dụng quy cách đặt tên sao cho có thể mô tả chức năng của biến, ví dụ: "Biến lớp dữ liệu - Tên sản phẩm".
- Nhấp vào Lưu.
Trình quản lý thẻ hỗ trợ những loại biến do người dùng xác định cho web sau đây:
- Chế độ điều hướng
- Biến thể trang
- Phần tử trang
- Phần mềm tiện ích
- Dữ liệu do người dùng cung cấp
- Dữ liệu vùng chứa
Chế độ điều hướng
Liên kết giới thiệu HTTP
Giá trị này được đặt thành liên kết giới thiệu HTTP, là URL của trang mà một người đã truy cập trước đó. Ví dụ: nếu một người điều hướng đến một trong các trang sản phẩm của bạn từ trang chủ thì liên kết giới thiệu sẽ là trang chủ. Phiên bản của loại biến này được Trình quản lý thẻ tạo tự động nhưng bạn có thể tạo phiên bản bổ sung nếu muốn hiển thị (các) phần khác nhau của URL liên kết giới thiệu.
URL
Loại biến này cho phép bạn phân tích cú pháp để biết được các thành phần trong URL. Bạn có thể tạo thêm phiên bản để khám phá các thành phần khác của URL. Bạn có thể chọn trong những thành phần sau đây của URL: URL đầy đủ, Giao thức, Tên máy chủ, Cổng, Đường dẫn, Phần mở rộng tên tệp, Truy vấn và Phân đoạn. Giá trị đầu vào được đặt cho những biến thuộc loại này là URL của trang mà người dùng đang truy cập (được lấy từ document.location). Hãy điều chỉnh Nguồn URL để yêu cầu Trình quản lý thẻ dùng một biến khác làm nguồn của giá trị URL này.
Biến thể trang
Cookie của bên thứ nhất
Giá trị này được đặt thành giá trị cookie của bên thứ nhất với tên miền mà người dùng hiện đang sử dụng. Nếu nhiều cookie cùng tên được triển khai trên cùng một miền, thì giá trị đầu tiên sẽ được chọn. Giá trị này tương tự như khi bạn đã gọi document.cookie từ trong một trang và chọn kết quả đầu tiên.
JavaScript tuỳ chỉnh
Giá trị được đặt thành kết quả của hàm JavaScript. JavaScript phải có dạng hàm ẩn danh trả về giá trị. Ví dụ: một biến JavaScript tuỳ chỉnh có thể được tạo để chuyển đổi tất cả các phiên bản của biến {{url}} định trước thành chữ thường:
function () {
return {{url}}.toLowerCase();
}
Lớp dữ liệu
Giá trị này được đặt khi dữ liệu được chuyển đến lớp dữ liệu thông qua lệnh gọi dataLayer.push():
dataLayer.push({"Data Layer Name": "value"}).
Bạn có thể chỉ định cách Trình quản lý thẻ diễn giải dấu chấm (".") trong tên khoá:
- Phiên bản 1: cho phép sử dụng dấu chấm trong tên khoá. Ví dụ: đối với
dataLayer.push("a.b.c": "value"), Trình quản lý thẻ sẽ diễn giải tên khoá dưới dạng "a.b.c" (tức là{"a.b.c": "value"}). - Phiên bản 2: diễn giải dấu chấm dưới dạng các giá trị lồng nhau. Ví dụ: diễn giải
dataLayer.push({"a.b.c": "value"})dưới dạng 3 cấp lồng nhau:{a: {b: {c: "value"}}}.
Biến JavaScript
Giá trị này được đặt thành biến JavaScript chung mà bạn chỉ định. Nếu giá trị cần sử dụng không được thiết lập trong lớp dữ liệu (xem biến Lớp dữ liệu), và nó không xuất hiện trong DOM (xem thêm: biến Phần tử DOM), thì có thể lấy giá trị từ một biến JavaScript. Hãy sử dụng loại biến này nếu bạn có thể tìm thấy giá trị trong mã nguồn của trang dưới dạng biến JavaScript chung.
Phần tử trang
Biến sự kiện tự động
Nắm bắt thông tin về một mục đã kích hoạt sự kiện (ví dụ: nhấp chuột, gửi biểu mẫu, mức hiển thị phần tử, v.v.)
- Phần tử: Trả về đối tượng phần tử. Có thể được coi là một đối tượng cho JavaScript tuỳ chỉnh, ví dụ:
{{Element}}.title, hoặc trong bộ chọn CSS, ví dụ: {{Element}} khớp với Bộ chọn CSSdiv.foo. - Loại phần tử: Trả về giá trị
element.tagName, ví dụ: "A", "BUTTON", "IMG". - Thuộc tính phần tử: Chỉ định tên thuộc tính để tuỳ chọn này trả về giá trị của thuộc tính đó.
- Lớp phần tử: Trả về danh sách các lớp có trong thuộc tính
classcủa phần tử. - Mã phần tử: Trả về giá trị của thuộc tính
id. - Mục tiêu phần tử: Trả về giá trị của thuộc tính
target, ví dụ: "_blank". - Văn bản phần tử: Trả về giá trị nội dung văn bản của phần tử.
- URL phần tử: Trả về URL của phần tử, được thu thập từ thuộc tính
hrefhoặcaction. - Phân đoạn URL mới của lịch sử: Trả về phân đoạn URL mới từ nhật ký duyệt web, ví dụ: "#summary".
- Phân đoạn URL cũ của lịch sử: Trả về phân đoạn URL cũ từ nhật ký duyệt web, ví dụ: "#intro".
- Trạng thái mới của lịch sử: Đối tượng trạng thái mới của lịch sử, được kiểm soát bằng các lệnh gọi của trang web đến
pushState. - Trạng thái cũ của lịch sử: Đối tượng trạng thái cũ của lịch sử, được kiểm soát bằng các lệnh gọi của trang web đến
pushState. - Nguồn thay đổi lịch sử: Trả về sự kiện dẫn đến sự thay đổi trong lịch sử, ví dụ: "pushState", "replaceState", v.v.
Phần tử DOM
Giá trị này được đặt thành văn bản của phần tử DOM (Mô hình đối tượng tài liệu) hoặc giá trị của thuộc tính phần tử DOM được chỉ định. Nếu giá trị mong muốn không được thiết lập trong lớp dữ liệu (xem biến Lớp dữ liệu) thì có thể lấy giá trị đó từ DOM. Hãy dùng loại biến này nếu bạn có thể tìm thấy giá trị trong DOM.
Nếu tên thuộc tính không bắt buộc được đặt, thì giá trị của biến sẽ trả về giá trị được chỉ định trong thuộc tính đó (ví dụ: data-food="cupcake"); nếu không, giá trị sẽ là văn bản trong phần tử DOM.
Mức hiển thị của phần tử
Giá trị này được đặt dựa trên trạng thái hiển thị của phần tử DOM được chỉ định. Không giống như trình kích hoạt Mức hiển thị của phần tử, một biến thể Mức hiển thị phần tử chỉ có thể báo cáo mức độ hiển thị của một phần tử. Hãy cân nhắc xem có nên chọn một phần tử dựa trên ID phần tử hoặc một Công cụ chọn CSS hay không. Nếu nhiều phần tử được khớp bởi một Công cụ chọn CSS được chỉ định thì phần tử được khớp đầu tiên sẽ được sử dụng.
Bạn có thể chọn loại đầu ra cho biến này:
- True/False: Một giá trị boolean cho biết phần tử được chọn có hiển thị khi biến được tham chiếu hay không.
- Phần trăm: Một giá trị phần trăm từ 0 đến 100 cho biết mức độ mà phần tử được chọn sẽ hiển thị trên màn hình khi biến được tham chiếu.
Nếu chọn True / False làm loại đầu ra thì bạn cũng có thể chỉ định Tỷ lệ phần trăm tối thiểu hiển thị để cho biết mức độ phần tử được chọn phải hiển thị trên màn hình để biến trả về true.
Tiện ích
Hằng
Giá trị này được đặt thành một chuỗi do bạn cung cấp. Biến có chuỗi hằng số thường được dùng khi có nhiều thẻ sử dụng cùng một số tài khoản. Xem thêm: Cài đặt Google Analytics.
Sự kiện tuỳ chỉnh
Giá trị được đặt thành tên của sự kiện tuỳ chỉnh đã được đẩy vào lớp dữ liệu.
Tên môi trường
Trả về tên môi trường được xem ở chế độ xem trước.
Cài đặt Google Analytics
Biến Cài đặt Google Analytics được sử dụng trong thẻ Universal Analytics trong các vùng chứa trên web và thiết bị di động (Firebase) để định cấu hình và chia sẻ một cách tập trung những chế độ cài đặt Google Analytics phổ biến được sử dụng trên nhiều thẻ. Khi bạn tạo thẻ Google Analytics bằng Universal Analytics, Trình quản lý thẻ sẽ nhắc bạn chọn hoặc tạo biến Cài đặt Google Analytics. Tìm hiểu thêm.
Thẻ Google: Cài đặt cấu hình
Biến này cho phép bạn đặt các thông số ở cấp cấu hình khi thẻ Google tải.
Ví dụ: Giả sử bạn xuất bản trang web bằng nhiều ngôn ngữ và muốn tạo phân khúc đối tượng theo ngôn ngữ mà đối tượng sử dụng. Bạn có thể tạo một biến cấu hình có thông sốlanguage và sử dụng thông số đó trên các thẻ Google, thay vì tự cập nhật từng thẻ.
Tìm hiểu cách sử dụng lại các chế độ cài đặt cấu hình.
Thẻ Google: Cài đặt sự kiện
Biến này cho phép bạn đặt các thông số ở cấp sự kiện để gửi thêm dữ liệu thông qua một sự kiện GA4.
Ví dụ: Giả sử bạn sở hữu một cửa hàng trực tuyến và đang chạy chương trình giảm giá. Bây giờ, bạn muốn theo dõi xem có bao nhiêu người sử dụng mã giảm giá mà bạn cung cấp. Thay vì tự thêm thông số discount vào từng thẻ, bạn có thể sử dụng lại thông số đó bằng biến Thẻ Google: Cài đặt sự kiện.
Tìm hiểu cách sử dụng lại các chế độ cài đặt cấu hình.
Bảng tìm kiếm
Giá trị được đặt tuỳ thuộc vào hướng dẫn trong bảng tìm kiếm. Bảng tìm kiếm chứa hai cột. (Bảng trống để minh họa cách sử dụng dữ liệu sau này):
| Khi [select variable] = | Đặt [biến này] thành |
|---|---|
Bảng tìm kiếm cho phép bạn tạo biến có giá trị thay đổi tuỳ thuộc vào giá trị ở biến khác. Điều này hữu ích nếu trang web của bạn được thiết lập theo cách mà giá trị thích hợp (ví dụ: ID chuyển đổi) có thể được ánh xạ tới URL, phần tử DOM hoặc phần khác của trang. Trong ví dụ này, biến có tên ID chuyển đổi sẽ được tạo. Nếu URL chứa “/thanks/buy1.html” thì giá trị được đặt thành “12345”; nếu URL chứa “thanks/buy2.html” thì giá trị được đặt thành “34567”.
| Khi {{url}} chứa | Đặt {{Conversion ID}} thành |
|---|---|
| /thanks/buy1.html | 12345 |
| /thanks/buy2.html | 34567 |
| /thanks/buy3.html | 56789 |
Số ngẫu nhiên
Giá trị được đặt thành số ngẫu nhiên từ 0 đến 2147483647.
Bảng biểu thức chính quy
Biến Bảng biểu thức chính quy cũng tương tự như biến Bảng tìm kiếm nhưng có thêm khả năng chạy mẫu biểu thức chính quy cho những mục bạn muốn khớp.
Đối với cấu hình Bảng RegEx này:
| Mẫu | Đầu ra |
|---|---|
.*/page[1-3]\.html.* |
foo |
.*/page[4-6]\.html.* |
bar |
.*/page[7-9]\.html.* |
baz |
Giá trị đầu ra của biến sẽ như sau:
| Kết quả phù hợp | Giá trị |
|---|---|
| http://example.com/page1.html | foo |
| http://www.example.com/page1.html | foo |
| http://example.com/page2.html#detail | foo |
| http://example.com/page5.html | bar |
| http://example.com/page5.html?status=new | bar |
| http://example.com/page6.html | bar |
| https://example.com/page9.html | baz |
Tra cứu Bảng RegEx chạy từ đầu danh sách đến dưới cùng. Khi tìm thấy đối sánh, giá trị đầu ra tương ứng được trả lại.
Chọn Đặt giá trị mặc định để đặt giá trị đầu ra cho thời điểm không tìm thấy đối sánh.
Theo mặc định, mẫu phải khớp với toàn bộ chuỗi đầu vào và có phân biệt chữ hoa chữ thường. Có thể điều chỉnh hành vi này trong Cài đặt nâng cao:
-
Trường hợp bỏ qua: Mẫu sẽ khớp với các đối sánh chữ hoa và chữ thường mà không phải tạo thành biểu thức chính quy một cách rõ ràng.
-
Chỉ đối sánh hoàn toàn: Nếu được bật, mẫu phải khớp với toàn bộ đầu vào. Tức là mẫu phải bắt đầu bằng neo ngầm định (
^) và kết thúc bằng neo ngầm định ($). Nếu tắt tuỳ chọn này thì mẫu sẽ khớp khi tìm thấy chúng trong đầu vào. -
Nhóm thu thập và chức năng thay thế: Nếu được bật thì bạn có thể dùng cú pháp thay thế (ký hiệu đô la) để đưa các phần của đầu vào (ví dụ: từ nhóm thu thập trong mẫu đã khớp) vào đầu ra. Ví dụ: nếu biểu thức chính quy đã khớp là
/(news)/page(2)\.html, thì bạn có thể sử dụng$1để tham chiếu nhóm thu thập đầu tiên ("news") và sử dụng$2để tham chiếu nhóm thu thập thứ hai ("2").
Dữ liệu do người dùng cung cấp
Thu thập thông tin trong biểu mẫu liên hệ, chẳng hạn như email, số điện thoại, tên và địa chỉ. Chỉ định thông tin cần thu thập bằng một trong những chế độ sau:
- Cấu hình tự động: Tự động phát hiện các trường biểu mẫu trên trang web của bạn và các mục nhập mới.
- Cấu hình thủ công: cho phép bạn liên kết các biến hiện có trong Trình quản lý thẻ với trường dữ liệu tương ứng do người dùng cung cấp, chẳng hạn như email, số điện thoại, tên và địa chỉ.
- Mã: cho phép bạn chỉ định biến Lớp dữ liệu hoặc biến JavaScript tuỳ chỉnh trả về đối tượng dữ liệu có cấu trúc do người dùng cung cấp.
Dữ liệu vùng chứa
Mã vùng chứa
Trả về mã của vùng chứa Trình quản lý thẻ, ví dụ: "GTM-101010".
Số phiên bản vùng chứa
Khi vùng chứa ở chế độ xem trước, biến phiên bản vùng chứa trả về số phiên bản xem trước của vùng chứa. Nếu không, biến này trả về số phiên bản trực tiếp của vùng chứa.
Chế độ gỡ lỗi
Giá trị này được đặt thành true nếu vùng chứa ở chế độ xem trước và gỡ lỗi và được đặt thành false nếu không ở chế độ này.