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

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

1. Web サイトにコード スニペットを配置するときは、モバイル デバイスでのウィジェットの幅をできるだけ大きくする必要があることに注意してください。ウィジェットの幅が最小 300 ピクセル未満の場合、訪問者を当社の Web サイトにリダイレクトするためのボタンが表示されます。
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/ja/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>

プレビュー

---

フレーム/秒計算機

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

<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/ja/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/ja/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/ja/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/ja/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/ja/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>

プレビュー