Nhúng bằng thẻ HTML <iframe>

Vui lòng nhúng các vật dụng của chúng tôi vào trang web của bạn

Khi đặt các đoạn mã trên trang web của bạn, hãy nhớ rằng chiều rộng của tiện ích con trên thiết bị di động phải càng lớn càng tốt. Nếu chiều rộng của tiện ích nhỏ hơn tối thiểu 300 pixel, một nút sẽ được hiển thị để chuyển hướng khách truy cập đến trang web của chúng tôi.
Khi người dùng gửi biểu mẫu, họ sẽ được chuyển hướng đến trang kết quả trên máy chủ của chúng tôi.
Bạn phải cẩn thận thông báo cho người dùng về việc sử dụng cookie vì chúng cần thiết cho chức năng của trang web.
Bạn không nên đặt nhiều hơn một widget trên mỗi trang. Đặt nhiều widget trên cùng một trang sẽ làm giảm tốc độ trang và trải nghiệm người dùng.
Các widget chỉ nên được đặt trong nội dung của trang. Đặt một tiện ích trên thanh bên là không được chấp nhận.

Widget có thể được dịch sang các ngôn ngữ sau:

Ngôn ngữ	culture-slug
English Ban Nha	es

Khi thay đổi ngôn ngữ trong widget, hãy thay đổi nguồn của iframe theo mẫu sau:

https://pc-builds.com/{culture-slug}/embed/{widget-type} // For example {culture-slug} is replaced with "es" for Spanish

máy tính nút cổ chai

Nhúng máy tính cổ chai của chúng tôi bằng mã này.

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-bottleneck-calculator");
        if(e.data[0] == 'setFrameHeight-bottleneck-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/vi/embed/bottleneck-calculator" 
    id="pc-builds-bottleneck-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Xem trước

Số khung hình trên giây máy tính

Nhúng máy tính khung hình trên giây của chúng tôi bằng mã này.

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-fps-calculator");
        if(e.data[0] == 'setFrameHeight-fps-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/vi/embed/fps-calculator" 
    id="pc-builds-fps-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Xem trước

Trò chơi Máy tính cổ chai

Nhúng máy tính thắt cổ chai trong trò chơi của chúng tôi bằng mã này.

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-games-bottleneck-calculator");
        if(e.data[0] == 'setFrameHeight-games-bottleneck-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/vi/embed/games-bottleneck-calculator" 
    id="pc-builds-games-bottleneck-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Xem trước

máy tính đơn vị cung cấp điện

Nhúng máy tính đơn vị cung cấp điện của chúng tôi bằng mã này.

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-psu-calculator");
        if(e.data[0] == 'setFrameHeight-psu-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/vi/embed/psu-calculator" 
    id="pc-builds-psu-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Xem trước

So sánh bộ xử lý

Chế độ xem nhúng để so sánh bộ xử lý bằng mã này.

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-compare-processors");
        if(e.data[0] == 'setFrameHeight-compare-processors') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/vi/embed/compare-processors" 
    id="pc-builds-compare-processors" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Xem trước

So sánh các thẻ đồ họa

Chế độ xem nhúng để so sánh card đồ họa bằng mã này.

<script>
    window.addEventListener('message', function(e) {
        let pcb_iframe = document.getElementById("pc-builds-compare-graphic-cards");
        if(e.data[0] == 'setFrameHeight-compare-graphic-cards') { pcb_iframe.style.height = e.data[1] + 'px'; }
    }, false);
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/vi/embed/compare-graphic-cards" 
    id="pc-builds-compare-graphic-cards" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>