HTML <iframe> 태그를 사용하여 삽입

귀하의 웹사이트에 위젯을 자유롭게 포함시키십시오.

1. 웹사이트에 코드 스니펫을 배치할 때 모바일 장치의 위젯 너비가 가능한 한 커야 한다는 점을 염두에 두십시오. 위젯의 너비가 최소 300픽셀 미만인 경우 방문자를 당사 웹사이트로 리디렉션하는 버튼이 표시됩니다.
2. 사용자가 양식을 제출하면 호스트의 결과 페이지로 리디렉션됩니다.
3. 쿠키는 웹사이트의 기능에 필요하므로 쿠키 사용에 대해 사용자에게 알리는 데 주의를 기울여야 합니다.
4. 페이지당 위젯을 두 개 이상 배치하면 안 됩니다. 동일한 페이지에 여러 위젯을 배치하면 페이지 속도와 사용자 경험이 저하됩니다.
5. 위젯은 페이지 콘텐츠 내에만 배치해야 합니다. 사이드바에 위젯을 배치하는 것은 허용되지 않습니다.

위젯은 다음 언어로 번역될 수 있습니다.

위젯에서 언어를 변경할 때 다음 템플릿에 따라 iframe의 소스를 변경합니다.

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

---

병목 계산기

이 코드를 사용하여 병목 현상 계산기를 포함합니다.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/ko/embed/bottleneck-calculator" 
    id="pc-builds-bottleneck-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-bottleneck-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

시사

---

초당 프레임 계산기

이 코드를 사용하여 초당 프레임 계산기를 포함합니다.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/ko/embed/fps-calculator" 
    id="pc-builds-fps-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-fps-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

시사

---

게임 병목 계산기

이 코드를 사용하여 게임 병목 현상 계산기를 포함합니다.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/ko/embed/games-bottleneck-calculator" 
    id="pc-builds-games-bottleneck-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-games-bottleneck-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

시사

---

전원 공급 장치 계산기

이 코드를 사용하여 전원 공급 장치 계산기를 포함합니다.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/ko/embed/psu-calculator" 
    id="pc-builds-psu-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-psu-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

시사

---

프로세서 비교

이 코드를 사용하여 프로세서 비교를 위해 보기를 포함합니다.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/ko/embed/compare-processors" 
    id="pc-builds-compare-processors" 
    onload="LoadPCBuildsIFrame('pc-builds-compare-processors');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

시사

---

그래픽 카드 비교

이 코드를 사용하여 그래픽 카드 비교를 위한 내장 뷰.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/ko/embed/compare-graphic-cards" 
    id="pc-builds-compare-graphic-cards" 
    onload="LoadPCBuildsIFrame('pc-builds-compare-graphic-cards');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

시사