Bông đang tải dữ liệu…
Thêm
Bông đang tải dữ liệu…
2 dòng HTML. Không API key. Không đăng ký. SJC, PNJ, DOJI, BTMC — cập nhật mỗi 60 giây, phục vụ từ Edge CDN, miễn phí mãi mãi.
4
Thương hiệu vàng
60s
Chu kỳ cập nhật
<5KB
Dung lượng script
0
API Key cần thiết
Cực kỳ đơn giản
Chọn theme, kích thước phù hợp rồi copy đoạn HTML bên dưới.
Paste vào bất kỳ vị trí nào trong HTML — sidebar, footer, bài viết.
Widget tự tải, hiển thị giá realtime và tự cập nhật mỗi 60 giây.
Widget Generator
Chọn theme và kích thước phù hợp với website của bạn.
Compact: chỉ hiện SJC + Giá TG — lý tưởng cho sidebar hẹp
Mã Nhúng HTML
<!-- VàngViệt Gold Price Widget -->
<div data-vangviet-widget
data-theme="light"
data-width="auto"></div>
<script async
src="https://www.vangviet.net/widget/v1/gold-price.js">
</script>Xem Trước Realtime
Mọi quyết định thiết kế đều nhằm giảm thiểu ma sát cho developer và đảm bảo trải nghiệm người dùng.
Vanilla JS thuần. Không React, không jQuery, không Vue. Script chỉ 5KB — nhỏ hơn 1 ảnh thumbnail.
Phục vụ từ Vercel Edge Network. Request được resolve tại datacenter Singapore/Hồng Kông — độ trễ dưới 10ms.
Widget tự refresh giá theo nền mỗi phút. Người dùng không bao giờ phải tải lại trang để xem giá mới.
Không inject script từ domain thứ 3. Không theo dõi người dùng, không cookie, không localStorage.
Widget render thành HTML thuần, đọc được bởi Googlebot. Backlink tự nhiên, không cần nỗ lực SEO thêm.
Tự điều chỉnh theo container cha. Hoạt động trên mobile 320px đến desktop 1920px mà không cần CSS thêm.
Tương thích với mọi nền tảng
Mọi thứ bạn cần để tích hợp và tuỳ chỉnh widget.
<!-- Dán vào bất kỳ vị trí nào trong HTML của bạn -->
<div data-vangviet-widget data-theme="light" data-width="100%"></div>
<script async src="https://www.vangviet.net/widget/v1/gold-price.js"></script>| Thuộc tính | Giá trị hợp lệ | Mặc định | Mô tả |
|---|---|---|---|
data-theme | "light" | "dark" | "light" | Màu nền widget |
data-width | "auto" | "100%" | "320px" | "400px" | "auto" | Chiều rộng |
data-compact | "true" | — | Chế độ mini chỉ hiện SJC + Giá TG |
// GET https://www.vangviet.net/api/widget/sjc
// Cache-Control: s-maxage=60, stale-while-revalidate=300
{
"sjc_buy": 167200000,
"sjc_sell": 170200000,
"pnj_sell": 136500000,
"doji_sell": 136500000,
"xauusd": 3025.50,
"usdvnd": 25450,
"updated_at": "2026-03-25T10:00:00Z"
}gold-price.js async — không chặn render.div[data-vangviet-widget]./api/widget/sjc → Vercel Edge Cache (TTL 60s) → Supabase chỉ khi cache miss.Bắt đầu ngay
Chỉ 2 dòng HTML. Không cài đặt, không server, không tốn phí.