HTML <iframe> etiketini kullanarak göm

Widget'larımızı web sitenize yerleştirmekten çekinmeyin

  1. Web sitenize kod parçacıkları yerleştirirken, widget'ın genişliğinin mobil cihazlarda mümkün olduğunca büyük olması gerektiğini unutmayın. Widget'ın genişliği minimum 300 pikselden azsa, ziyaretçileri web sitemize yönlendirmek için bir düğme görüntülenecektir.
  2. Kullanıcılar formu gönderdiklerinde, sunucumuzdaki sonuçlar sayfasına yönlendirileceklerdir.
  3. Web sitesinin işlevselliği için gerekli olduğundan, çerezlerin kullanımı hakkında kullanıcıyı bilgilendirmeye özen göstermelisiniz.
  4. Sayfa başına birden fazla pencere öğesi yerleştirmemelisiniz. Aynı sayfaya birden fazla pencere öğesi yerleştirmek, sayfa hızını ve kullanıcı deneyimini düşürür.
  5. Widget'lar yalnızca sayfanın içeriğine yerleştirilmelidir. Kenar çubuğuna bir pencere öğesi yerleştirmek kabul edilemez.

Widget'lar aşağıdaki dillere çevrilebilir:

Dil culture-slug
ingilizce es

Widget'larda dili değiştirirken, iframe'in kaynağını şu şablona göre değiştirin:

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

Darboğaz Hesaplayıcı

Darboğaz hesaplayıcımızı bu kodu kullanarak gömün.

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

Ön izleme


Saniyede Kare Sayısı Hesaplayıcısı

Bu kodu kullanarak saniye başına kare hesaplayıcımızı gömün.

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

Ön izleme


Oyunlar Darboğaz Hesaplayıcı

Bu kodu kullanarak oyun içi darboğaz hesaplayıcımızı ekleyin.

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

Ön izleme


Güç Kaynağı Birimi Hesaplayıcı

Bu kodu kullanarak Güç kaynağı birimi hesaplayıcımızı ekleyin.

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

Ön izleme


İşlemcileri karşılaştırın

Bu kodu kullanarak işlemci karşılaştırması için gömme görünümü.

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

Ön izleme


Grafik kartlarını karşılaştırın

Bu kodu kullanarak grafik kartı karşılaştırması için gömme görünümü.

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

Ön izleme