Osadź za pomocą tagu HTML <iframe>

Zachęcamy do osadzania naszych widżetów na swojej stronie internetowej

Umieszczając fragmenty kodu na swojej stronie pamiętaj, aby szerokość widżetu na urządzeniach mobilnych była jak największa. Jeżeli szerokość widżetu jest mniejsza niż minimum 300 pikseli, zostanie wyświetlony przycisk przekierowujący odwiedzających na naszą stronę internetową.
Gdy użytkownicy prześlą formularz, zostaną przekierowani na stronę wyników na naszym hoście.
Należy zadbać o poinformowanie użytkownika o stosowaniu plików cookies, ponieważ są one niezbędne do funkcjonowania serwisu.
Nie należy umieszczać więcej niż jednego widżetu na stronie. Umieszczenie wielu widżetów na tej samej stronie zmniejszy szybkość strony i wygodę użytkownika.
Widżety należy umieszczać wyłącznie w obrębie zawartości strony. Niedopuszczalne jest umieszczanie widżetu na pasku bocznym.

Widżety można tłumaczyć na następujące języki:

Język	culture-slug
hiszpańskie	es

Zmieniając język w widgetach, zmień źródło iframe według tego szablonu:

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

Kalkulator wąskiego gardła

Osadź nasz kalkulator wąskich gardeł za pomocą tego kodu.

<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/pl/embed/bottleneck-calculator" 
    id="pc-builds-bottleneck-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Zapowiedź

Kalkulator klatek na sekundę

Osadź nasz kalkulator klatek na sekundę za pomocą tego kodu.

<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/pl/embed/fps-calculator" 
    id="pc-builds-fps-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Zapowiedź

Kalkulator wąskiego gardła w grach

Osadź nasz kalkulator wąskich gardeł w grze, używając tego kodu.

<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/pl/embed/games-bottleneck-calculator" 
    id="pc-builds-games-bottleneck-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Zapowiedź

Kalkulator zasilacza

Osadź nasz kalkulator zasilacza, używając tego kodu.

<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/pl/embed/psu-calculator" 
    id="pc-builds-psu-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Zapowiedź

Porównaj procesory

Osadź widok do porównania procesorów przy użyciu tego kodu.

<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/pl/embed/compare-processors" 
    id="pc-builds-compare-processors" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Zapowiedź

Porównaj karty graficzne

Osadź widok do porównania kart graficznych za pomocą tego kodu.

<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/pl/embed/compare-graphic-cards" 
    id="pc-builds-compare-graphic-cards" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>