# Client Script

Mục Client Scripts là nơi bạn có thể trực tiếp can thiệp vào logic vận hành (JavaScript) và phong cách hiển thị nâng cao (CSS) của trang đích phía trình duyệt người dùng.

## 1. Mục tiêu

Cung cấp khả năng tùy biến không giới hạn, cho phép người dùng thêm các hiệu ứng hoạt họa phức tạp, tích hợp các công cụ theo dõi bên thứ ba (như Google Analytics, Facebook Pixel) hoặc xử lý các logic tính toán, ràng buộc dữ liệu trực tiếp trên Landing Page.

## 2. Khi nào sử dụng

<figure><img src="/files/AiewTaq895e1IaZZfvhA" alt=""><figcaption></figcaption></figure>

* Tùy biến giao diện (CSS): Khi bạn muốn thay đổi phong cách hiển thị của toàn trang hoặc các thành phần đặc thù mà bộ công cụ thiết kế sẵn có chưa đáp ứng được.
* Xử lý logic (JavaScript): Khi cần tạo các thông báo pop-up tùy chỉnh, kiểm tra tính hợp lệ của dữ liệu đầu vào trong Form, hoặc tạo các tương tác phản hồi theo hành vi người dùng.
* Tích hợp hệ thống: Khi cần gắn các đoạn mã script để đo lường chuyển đổi hoặc kết nối với các chatbot hỗ trợ ứng viên.

## 3. Các bước thực hiện

### Bước 1: Thêm mới hoặc gắn Script

<figure><img src="/files/mmN9HGYDnMdi5C9EaPh5" alt=""><figcaption></figcaption></figure>

* Thêm mới: Chọn nút `New Script`, sau đó từ danh sách thả xuống, hãy chọn loại tệp bạn muốn tạo là JavaScript hoặc CSS.
* Gắn tệp sẵn có: Nếu bạn đã có kho lưu trữ script trên hệ thống, chọn `Attach Script`. Sử dụng thanh tìm kiếm để chọn nhanh tệp cần thiết và gắn vào trang.

### Bước 2: Quản lý và sắp xếp thứ tự

<figure><img src="/files/2ArFrM4RJyoHfDKnfcj6" alt=""><figcaption></figcaption></figure>

* Danh sách các tệp đang áp dụng sẽ hiển thị tại cột bên trái.
* Để thay đổi thứ tự ưu tiên (thứ tự thực thi mã), bạn giữ và kéo thả biểu tượng 6 chấm bên cạnh tên tệp.

### Bước 3: Biên tập nội dung mã nguồn

<figure><img src="/files/IbyNl6uaTKANhHdDXJGb" alt=""><figcaption></figcaption></figure>

* Chọn vào tên tệp trong danh sách để mở khung soạn thảo code ở bên phải.
* Sau khi hoàn tất việc viết code, chọn nút `Save` để hệ thống ghi nhận các thay đổi.

### Bước 4: Quản lý tệp (Đổi tên/Xóa)

<figure><img src="/files/n21yQxhiLeeJy9lo2LGL" alt=""><figcaption></figcaption></figure>

* Tại tệp muốn tác động, chọn biểu tượng ba chấm (...):
  * Rename: Để đặt lại tên tệp cho dễ quản lý.
  * Remove Script: Để gỡ bỏ hoàn toàn tệp script khỏi trang hiện tại.

## 4. Các lưu ý quan trọng

* Thực thi đồng bộ: Mọi thay đổi trong Client Script sẽ có hiệu lực ngay lập tức ở cả chế độ Preview (Xem trước) và trang đã Published (Xuất bản). Hãy kiểm tra kỹ logic để tránh làm gián đoạn trải nghiệm của ứng viên.
* Kiểm tra xung đột: Khi sử dụng nhiều tệp script, hãy lưu ý thứ tự sắp xếp (Bước 2) để đảm bảo các tệp không ghi đè hoặc gây lỗi cho nhau.
* An toàn dữ liệu: Tránh đưa các thông tin nhạy cảm (như mật khẩu hoặc mã API bí mật) trực tiếp vào Client Script vì mã này có thể bị người dùng nhìn thấy qua công cụ kiểm tra của trình duyệt.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/code/client-script.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.