Tạo biến tuỳ chỉnh

Hướng dẫn này sẽ hướng dẫn bạn cách tạo mẫu biến tùy chỉnh. Khi sử dụng biến này, biến này sẽ nhận một mảng giá trị và trả về dưới dạng một chuỗi được phân tách bằng dấu phẩy.

1. Để bắt đầu mẫu biến đầu tiên, hãy nhấp vào Mẫu trong thanh điều hướng bên trái và nhấp vào nút Mới trong mục Mẫu biến.

2. Trong thẻ Thông tin, hãy xác định Tên và Mô tả của biến.

   Tên là tên sẽ được hiển thị cho người dùng khi họ tiến hành triển khai biến này trong giao diện người dùng của Trình quản lý thẻ.

   Mô tả chỉ là một âm thanh nhỏ (200 ký tự hoặc ít hơn) mô tả về chức năng của biến này.

3. Nhấp vào Làm mới để xem trước mẫu.

   Ở bên phải thông tin của trường nhập vào, có một cửa sổ Xem trước mẫu. Mỗi khi một thay đổi được thực hiện trong trình chỉnh sửa, nút Refresh (Làm mới) sẽ xuất hiện. Nhấp vào Làm mới để xem những thay đổi của bạn sẽ trông như thế nào khi giao diện của biến.

4. Nhấp vào Trường để thêm trường vào mẫu biến của bạn.

   Thẻ Các trường của Trình chỉnh sửa mẫu cho phép bạn tạo và chỉnh sửa các trường trong mẫu biến. Các trường được dùng để nhập dữ liệu tuỳ chỉnh, chẳng hạn như mã tài khoản. Bạn có thể thêm các thành phần biểu mẫu chuẩn như trường văn bản, trình đơn thả xuống, nút chọn và hộp đánh dấu.

5. Nhấp vào Thêm trường rồi chọn Bảng đơn giản. Thay thế tên mặc định (ví dụ: "simpleTable1") bằng "list". Trong Bản xem trước mẫu, hãy nhấp vào Làm mới.

   Lặp lại bước này cho một Mục nhập văn bản và gọi nó là "mảng", hai Hộp kiểm có tên là "sử_dụng_mảng" và "sort" và Nhập văn bản được gọi là "dấu phân cách". Đối với "Dấu phân cách", hãy đặt giá trị mặc định là "," bằng cách nhấp vào biểu tượng bánh răng, bật/tắt "Giá trị mặc định" rồi điền vào trường nhập Giá trị mặc định mới.

6. Nhấp vào thẻ Mã và nhập JavaScript hộp cát vào trình chỉnh sửa:

   var input = data.array;
   
   if (!data.use_array) {
     input = [];
     for (var i = 0; i < data.list.length; i++) {
       input.push(data.list[i].values);
     }
   }
   
   if (data.sort) {
     input.sort();
   }
   
   return input.join(data.delimiter || ',');
   

   Mã cho biến này khá đơn giản, nhưng có một vài điều đáng lưu ý.

   • data trường.

     Có một vài trường đang được truy cập bên ngoài data toàn cầu. data sẽ chứa các giá trị mà bạn đã thiết lập ở bước trước. Đó là lý do chúng tôi có thể truy cập vào data.use_array, data.sort, data.list và data.delimiter.

   • delimiter được đặt thành giá trị mặc định là "," nếu bạn không cung cấp data.delimiter. Bạn nên đặt giá trị mặc định cho một trường nếu giá trị đó hợp lý. Điều này giúp người dùng sử dụng mẫu biến dễ dàng hơn, vì họ không phải điền vào mọi trường để sử dụng biến.

7. Nhấp vào Lưu để lưu tiến độ. Thao tác này sẽ tải mọi quyền đã phát hiện vào Trình chỉnh sửa mẫu.

   Một số API mẫu có quyền liên kết với chúng, trong đó quy định những việc có thể làm hoặc không thể làm. Khi bạn sử dụng một API mẫu như sendPixel trong mã của mình, Trình quản lý thẻ sẽ hiển thị các quyền liên quan trong thẻ Quyền.

8. Trong thẻ Xem trước mẫu, hãy thêm một số giá trị cho đầu vào "giá trị", nhấp vào Chạy mã và xem Bảng điều khiển để xem kết quả cho biến.

   Lỗi sẽ xuất hiện trong cửa sổ Bảng điều khiển (nếu có).

9. Nhấp vào Lưu và đóng Trình chỉnh sửa mẫu

   Mẫu biến giờ đây đã sẵn sàng để sử dụng.