Hướng dẫn chèn giá vàng, biểu đồ giá vàng vào website

Hướng dẫn cách chèn biểu đồ, bảng giá vàng SJC, PNJ, DOJI, Phú Quý, Bảo Tín Minh Châu… được cập nhật liên tục hàng ngày. Bạn có thể dùng đoạn mã bên dưới nhúng vào bất kỳ chổ nào trên website/blog của bạn.

Code nhúng hiển thị đầy đủ bảng giá vàng, biểu đồ SJC, giá vàng thế giới, bảng quy đổi giá vàng

<div id="gia-vang-viet-nam" show-chart="true" show-prices="sjc,pnj,doji,phuquy,btmc,mihong" show-xauusd="true" show-exchange="true"></div>
<script async src="https://cls.giavangvietnam.com/js/widget.js"></script>

Chèn đoạn code trên vào bất cứ chỗ nào muốn hiển thị sẽ cho ra kết quả bên dưới

Tùy chỉnh các mục nếu thấy cần thiết

Code biểu đồ giá vàng

<div id="gia-vang-viet-nam" show-chart="true"></div>
<script async src="https://cls.giavangvietnam.com/js/widget.js"></script>

Để hiển thị biểu đồ giá vàng thì cần đặt thuộc tính show-chart=”true”
Để ẩn biểu đồ giá vàng thì cần đặt thuộc tính show-chart=”false” hoặc xóa luôn thuộc tính này.

Code hiển thị giá vàng trong nước

Để hiển thị giá vàng trong nước thì cần đặt thuộc tính show-prices=”sjc,pnj,doji,phuquy,btmc,mihong”
Bạn có thể sắp xếp hoặc chỉ hiển thị đơn vị giá vàng mong muốn bằng cách chỉnh lại show-prices.

• sjc: Vàng SJC.
• pnj: Vàng PNJ.
• doji: Vàng DOJI.
• phuquy: Vàng Phú Quý.
• btmc: Vàng Bảo Tín Minh Châu.
• mihong: Vàng Mi Hồng.

<div id="gia-vang-viet-nam" show-prices="sjc,pnj,doji,phuquy,btmc,mihong"></div>
<script async src="https://cls.giavangvietnam.com/js/widget.js"></script>

Code giá vàng thế giới

Để hiển thị biểu đồ giá vàng thế giới thì cần đặt thuộc tính show-xauusd=”true”
Để ẩn biểu đồ giá vàng thì cần đặt thuộc tính show-xauusd=”false” hoặc xóa luôn thuộc tính này.

<div id="gia-vang-viet-nam" show-xauusd="true"></div>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20async%20src%3D%22https%3A%2F%2Fcls.giavangvietnam.com%2Fjs%2Fwidget.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

Cám ơn các bạn đã xem bài viết và nếu có gặp vấn đề gì xin vui lòng để lại bình luận bên dưới.