HTML <iframe> タグを使用して埋め込む

私たちのウィジェットをあなたのウェブサイトに自由に埋め込んでください

Web サイトにコードスニペットを配置するときは、モバイルデバイスでのウィジェットの幅をできるだけ大きくする必要があることに注意してください。ウィジェットの幅が最小 300 ピクセル未満の場合、訪問者を当社の Web サイトにリダイレクトするためのボタンが表示されます。
ユーザーがフォームを送信すると、ホストの結果ページにリダイレクトされます。
クッキーはウェブサイトの機能に必要であるため、クッキーの使用についてユーザーに通知するように注意する必要があります。
ページごとに複数のウィジェットを配置しないでください。同じページに複数のウィジェットを配置すると、ページの速度とユーザーエクスペリエンスが低下します。
ウィジェットは、ページのコンテンツ内にのみ配置する必要があります。サイドバーにウィジェットを配置することはできません。

ウィジェットは次の言語に翻訳できます。

言語	culture-slug
スペイン語	es

ウィジェットの言語を変更する場合は、次のテンプレートに従って 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/ja/embed/bottleneck-calculator" 
    id="pc-builds-bottleneck-calculator" 
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

プレビュー

フレーム/秒計算機

このコードを使用して、1 秒あたりのフレーム数計算機を埋め込みます。

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