Mit HTML <iframe>-Tag einbetten

Sie können unsere Widgets gerne in Ihre Website einbetten

Beachten Sie beim Platzieren von Codeschnipseln auf Ihrer Website, dass die Breite des Widgets auf Mobilgeräten möglichst groß sein sollte. Wenn die Breite des Widgets weniger als mindestens 300 Pixel beträgt, wird eine Schaltfläche angezeigt, um Besucher auf unsere Website umzuleiten.
Wenn Benutzer das Formular absenden, werden sie auf die Ergebnisseite auf unserem Host weitergeleitet.
Sie müssen darauf achten, den Benutzer über die Verwendung von Cookies zu informieren, da diese für die Funktionalität der Website erforderlich sind.
Sie sollten nicht mehr als ein Widget pro Seite platzieren. Das Platzieren mehrerer Widgets auf derselben Seite verringert die Seitengeschwindigkeit und die Benutzererfahrung.
Widgets sollten nur innerhalb des Inhalts der Seite platziert werden. Das Platzieren eines Widgets in der Seitenleiste ist nicht akzeptabel.

Widgets können in die folgenden Sprachen übersetzt werden:

Sprache	culture-slug
Englisch	en

Wenn Sie die Sprache in Widgets ändern, ändern Sie die Quelle des Iframes gemäß dieser Vorlage:

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

Engpassrechner

Binden Sie unseren Engpassrechner mit diesem Code ein.

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

Vorschau

Bilder pro Sekunde Rechner

Betten Sie unseren Frames-pro-Sekunde-Rechner mit diesem Code ein.

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

Vorschau

Spiele-Engpass-Rechner

Integrieren Sie unseren Engpassrechner im Spiel mit diesem Code.

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

Vorschau

Netzteilrechner

Binden Sie mit diesem Code unseren Netzteilrechner ein.

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

Vorschau

Prozessoren vergleichen

Betten Sie die Ansicht für den Prozessorvergleich mit diesem Code ein.

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

Vorschau

Grafikkarten vergleichen

Betten Sie die Ansicht für den Grafikkartenvergleich mit diesem Code ein.

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