Bỏ qua tới nội dung chính
DuLieuCaNhan.vn

Cài banner trên WordPress

Cài plugin DuLieuCaNhan.vn: plugin in đoạn mã banner vào thẻ <head> của các trang công khai, trước các script mà WordPress và phần lớn plugin chèn qua wp_head. Không cài được plugin thì dán đoạn mã vào giao diện theo cách thủ công bên dưới.

Các bước

  1. Tải tệp ZIP của plugin bằng nút Tải plugin WordPress.
  2. Trong trang quản trị WordPress, vào Plugin → Cài mới → Tải plugin lên, chọn tệp ZIP vừa tải, cài đặt rồi kích hoạt.
  3. Vào Cài đặt → DuLieuCaNhan.vn, dán mã website rồi bấm Lưu thay đổi.
  4. Website dùng Contact Form 7 hoặc WPForms: bật ô tương ứng ở cùng trang để form có ô đồng ý, rồi khai báo khoá form (dạng cf7-123 hoặc wpforms-45) ở tab Biểu mẫu.
  5. Xoá cache của plugin tối ưu và CDN, rồi bấm Kiểm tra cài đặt.
Tải plugin WordPress

Cách thủ công: dán đoạn mã vào giao diện

  1. Vào Giao diện → Trình sửa file giao diện (nên dùng giao diện con) và mở header.php.
  2. Dán đoạn mã ngay sau thẻ <head>, trước <?php wp_head(); ?>.
  3. Xoá cache của plugin tối ưu và CDN.
  4. Bấm Kiểm tra cài đặt.

Đoạn mã mẫu

Đoạn mã dưới đây dùng mã mẫu MA-WEBSITE-CUA-BAN. Tạo tài khoản và thêm website để nhận đoạn mã của chính website bạn.

<script src="https://cdn.dulieucanhan.online/s/MA-WEBSITE-CUA-BAN.js"></script>

Dán đoạn mã thật xong, mở trang Cài đặt của website trên DuLieuCaNhan.vn và bấm Kiểm tra cài đặt: máy quét xem banner đã chạy đầu tiên và chặn đúng các dịch vụ chưa.

Tạo tài khoản để lấy đoạn mã

Lưu ý

Plugin tối ưu (WP Rocket, LiteSpeed Cache, Perfmatters, Flying Scripts, Autoptimize…)

Plugin DuLieuCaNhan.vn gắn data-cfasync="false", data-no-optimize="1", data-no-defer="1", data-no-minify="1" cho thẻ script và khai báo script banner với bộ lọc loại trừ JavaScript của WP Rocket, LiteSpeed Cache và Autoptimize. Với plugin tối ưu khác, hoặc khi dán đoạn mã thủ công, hãy loại cdn.dulieucanhan.online khỏi các tính năng trì hoãn JavaScript, defer và gộp file. Tracker đang bị trì hoãn thì chuyển sang chặn thủ công (type="text/plain" data-wdl-category) và loại khỏi tính năng trì hoãn.

Cloudflare Rocket Loader

Thêm data-cfasync="false" vào thẻ script của DuLieuCaNhan.vn.

Tracker viết thẳng trong HTML

Thẻ <script src="…"> của , Google Analytics… viết thẳng trong HTML không chạy trước khi khách đồng ý, nhưng trình duyệt vẫn tải trước file đó (IP của khách tới bên thứ ba). Đổi thành <script type="text/plain" data-wdl-category="analytics" src="…"> (hoặc "marketing").

Iframe tải lười

Iframe dùng data-src hoặc data-lazy-src: đổi sang data-wdl-src + data-wdl-category và bỏ class/thuộc tính tải lười.

Form cần ô đồng ý

Thêm data-wdl-form="ten-form" vào thẻ <form> (cấu hình ở tab Biểu mẫu). Form phải gửi bằng nút type="submit" hoặc form.submit(); form gửi bằng AJAX khi bấm một nút thường không được ô đồng ý chặn.

Tracker chèn bằng innerHTML hoặc document.write

Bị vô hiệu hoá luôn, không chạy kể cả khi khách đồng ý. Hãy chèn tracker bằng đoạn mã chuẩn của nhà cung cấp hoặc thẻ Google Tag Manager.

Nội dung do người dùng nhập

Không để người dùng không tin cậy (bình luận, bài đăng của khách) chèn HTML có thuộc tính data-wdl-* hay thẻ script của dịch vụ theo dõi: các thẻ đó sẽ chạy khi khách truy cập đồng ý.

Đường dẫn menu

Tên menu có thể khác tuỳ phiên bản trang quản trị. Nếu không thấy, hãy tìm mục sửa giao diện hoặc mã tuỳ chỉnh.

Mọi hướng dẫn