Trang chủ / Hướng dẫn

Hướng dẫn cài nút

Cài trong hai bước

Chép file nut-<tên>.js trong gói lên site (ví dụ thư mục /nut/).
Dán một dòng script và đặt thẻ ở nơi muốn hiện nút:

<script defer src="/nut/nut-sao-chep-link.js"></script>
<nut-sao-chep-link></nut-sao-chep-link>

Mua cả bộ thì chỉ cần nạp một file bo-<tên>.js là dùng được mọi nút trong bộ.

Thuộc tính chung của mọi nút

Thuộc tính	Ý nghĩa	Ví dụ
`mau`	Màu nền nút — đặt theo màu thương hiệu site	`mau="#e8590c"`
`mau-chu`	Màu chữ và icon	`mau-chu="#fff"`
`nhan`	Đổi chữ trên nút	`nhan="GỬI CHO BẠN BÈ"`
`kieu`	`icon` = chỉ hiện icon tròn 44px · `vien` = nút viền	`kieu="icon"`
`rong`	Nút giãn hết chiều ngang	`rong`
`ghi-luot`	Đường dẫn file PHP ghi lượt bấm	`ghi-luot="/ghi-luot.php"`

Nút có phần máy chủ

Các nút cần lưu dữ liệu (LƯỢT TRUY CẬP, NHẮN ZALO TƯ VẤN…) kèm một file PHP. Chép file đó lên site rồi trỏ thuộc tính của nút vào (nguon, gui-ve). Dữ liệu ghi vào một file riêng trên hosting của bạn.

Bật/tắt nút ở một chỗ

<script>window.KHO_NUT_TAT = ['chia-se-facebook', 'chat-zalo'];</script>

Đặt dòng này trước script nút (ví dụ trong file header dùng chung). Các nút có tên trong danh sách tự ẩn trên toàn site.

Biết nút nào được bấm

Mỗi lần bấm, nút phát sự kiện nut-bam. Bạn có thể đẩy sang công cụ thống kê đang dùng:

<script>
document.addEventListener('nut-bam', function (e) {
  console.log('Khách bấm nút', e.detail.nut);
});
</script>

Lưu ý

Không đặt nút bên trong khối có transform hoặc filter — hộp thoại của nút có thể bị lệch.
Nên nạp script bằng defer để nút không làm chậm trang.

Gửi bài này:

XEM KHO NÚT