Cài banner trên HTML
Các bước
- Mở file HTML dùng chung cho mọi trang (layout, header).
- Dán đoạn mã ngay sau thẻ <head>, trước mọi thẻ <script> khác.
- Lưu, xuất bản rồi 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 ý
Đặt đầu tiên, đồng bộ
Đoạn mã phải nằm ngay sau <head>, trước mọi khác, không thêm async hay defer. Script chạy trước banner sẽ không bị chặn.
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 YouTube, bản đồ… trong HTML
Iframe viết thẳng trong HTML gửi request trước khi khách đồng ý. Đổi src thành data-wdl-src và thêm data-wdl-category="marketing" (hoặc loại phù hợp).
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.
Cloudflare Rocket Loader
Thêm data-cfasync="false" vào thẻ script của DuLieuCaNhan.vn.
Website có Content-Security-Policy
Cho phép https://cdn.dulieucanhan.online trong script-src và connect-src, và thêm style-src 'unsafe-inline' (banner dùng style nội tuyến).
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 ý.
Next.js, Nuxt và website React/Vue
Website tự render toàn bộ thẻ <html> chưa được DuLieuCaNhan.vn kiểm tra. Sau khi cài, hãy chạy Kiểm tra cài đặt.