Вставити за допомогою тегу HTML <iframe>

Не соромтеся вставляти наші віджети на свій веб-сайт

Розміщуючи фрагменти коду на своєму веб-сайті, майте на увазі, що ширина віджета на мобільних пристроях має бути якомога більшою. Якщо ширина віджета менше ніж мінімум 300 пікселів, буде відображена кнопка для переспрямування відвідувачів на наш веб-сайт.
Коли користувачі надсилають форму, вони будуть перенаправлені на сторінку результатів на нашому хості.
Ви повинні подбати про те, щоб повідомити користувача про використання файлів cookie, оскільки вони необхідні для функціональності веб-сайту.
Ви не повинні розміщувати більше одного віджета на сторінці. Розміщення кількох віджетів на одній сторінці призведе до зниження швидкості сторінки та взаємодії з користувачем.
Віджети слід розміщувати лише в межах вмісту сторінки. Розміщення віджета на бічній панелі неприпустимо.

Віджети можна перекласти такими мовами:

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