Trang chủ / Mã hiển thị / Thuyết phục
HT-04 Top xếp hạng
- Mã
- HT-04
- Nhóm
- Thuyết phục
- Dùng khi
- Bài "Top 3/5/10", số 1 viền nổi
- Đặt ở
- Sau đoạn mở bài
XEM THỬ CHẠY THẬT · DỮ LIỆU VÍ DỤĐổi màu theo site
Bấm thử vào sản phẩm để xem sự kiện ht:click.
Sản phẩm, giá, số sao, số đã bán và đồng hồ đếm ngược trong bản xem thử là dữ liệu ví dụ để xem bố cục, không phải sản phẩm thật. Trên site của bạn, chỉ dùng số liệu thật.
Đoạn mã gọi HT-04
<div data-ht="HT-04"
data-ht-src="#san-pham"></div>Hoặc gọi bằng JavaScript: HTKit.render(vung, 'HT-04', mangSanPham, {cta: 'Xem giá'})
Trước đó, làm một lần cho cả site
Nạp bộ mã:
<link rel="stylesheet" href="/htkit.css">
<script src="/htkit.js" defer></script>Khai danh sách sản phẩm:
<script type="application/json" id="san-pham">
[{"id":"q1","name":"Tên sản phẩm",
"price":489000,"oldPrice":650000,
"img":"anh.webp","url":"LINK-AFF",
"rating":4.8,"sold":3200}]
</script>Đổi màu theo site: :root{--ht-accent:#d3306b}. Mọi link có rel="nofollow sponsored noopener"; mỗi lần bấm phát sự kiện ht:click kèm {code, id, name, url}.