Встроить с помощью тега HTML <iframe>

Не стесняйтесь встраивать наши виджеты на свой сайт

  1. Размещая фрагменты кода на своем сайте, помните, что ширина виджета на мобильных устройствах должна быть как можно больше. Если ширина виджета меньше минимум 300 пикселей, будет отображаться кнопка для перенаправления посетителей на наш сайт.
  2. Когда пользователи отправят форму, они будут перенаправлены на страницу результатов на нашем хосте.
  3. Вы должны позаботиться о том, чтобы проинформировать пользователя об использовании файлов cookie, поскольку они необходимы для функционирования веб-сайта.
  4. Вы не должны размещать более одного виджета на странице. Размещение нескольких виджетов на одной странице снизит скорость страницы и удобство для пользователя.
  5. Виджеты должны размещаться только внутри содержимого страницы. Размещение виджета на боковой панели недопустимо.

Виджеты могут быть переведены на следующие языки:

Язык culture-slug
английский en

При смене языка в виджетах меняйте источник iframe по этому шаблону:

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

Калькулятор узких мест

Вставьте наш калькулятор узких мест, используя этот код.

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

Предварительный просмотр


Калькулятор кадров в секунду

Вставьте наш калькулятор кадров в секунду, используя этот код.

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

Предварительный просмотр


Калькулятор узких мест в играх

Вставьте наш калькулятор узких мест в игру, используя этот код.

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

Предварительный просмотр


Калькулятор блока питания

Вставьте наш калькулятор блока питания, используя этот код.

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

Предварительный просмотр


Сравнить процессоры

Вставьте представление для сравнения процессоров, используя этот код.

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

Предварительный просмотр


Сравните видеокарты

Вставьте вид для сравнения графических карт, используя этот код.

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

Предварительный просмотр