Beágyazás HTML <iframe> címkével

Nyugodtan ágyazza be widgetjeinket webhelyébe

  1. Amikor kódrészleteket helyez el webhelyén, ne feledje, hogy a mobileszközökön a widget szélességének a lehető legnagyobbnak kell lennie. Ha a widget szélessége kisebb, mint legalább 300 pixel, megjelenik egy gomb, amely átirányítja a látogatókat a weboldalunkra.
  2. Amikor a felhasználók elküldik az űrlapot, átirányítják őket a szerverünk eredményoldalára.
  3. Gondoskodnia kell arról, hogy a felhasználót tájékoztassa a cookie-k használatáról, mert ezek szükségesek a weboldal működéséhez.
  4. Egy oldalon nem szabad egynél több widgetet elhelyezni. Több widget elhelyezése ugyanarra az oldalra csökkenti az oldal sebességét és a felhasználói élményt.
  5. A widgeteket csak az oldal tartalmán belül szabad elhelyezni. Widget elhelyezése az oldalsávon nem elfogadható.

A widgetek a következő nyelvekre fordíthatók:

Nyelv culture-slug
spanyol es

A widgetek nyelvének módosításakor módosítsa az iframe forrását a következő sablon szerint:

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

Szűk keresztmetszet kalkulátor

Illessze be szűk keresztmetszet-kalkulátorunkat ezzel a kóddal.

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

Előnézet


Képkocka másodpercenként kalkulátor

Illessze be képkocka per másodperc kalkulátorunkat ezzel a kóddal.

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

Előnézet


Játékok szűk keresztmetszet-kalkulátor

Illessze be a játékbeli szűk keresztmetszet-kalkulátorunkat ezzel a kóddal.

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

Előnézet


Tápegység kalkulátor

Illessze be tápegység-kalkulátorunkat ezzel a kóddal.

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

Előnézet


Hasonlítsa össze a processzorokat

Nézet beágyazása a processzorok összehasonlításához ezzel a kóddal.

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

Előnézet


Hasonlítsa össze a grafikus kártyákat

Beágyaz nézetet a grafikus kártyák összehasonlításához ezzel a kóddal.

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

Előnézet