HTML <iframe> टैग का उपयोग करके एम्बेड करें

बेझिझक हमारे विजेट्स को अपनी वेबसाइट में एम्बेड करें

  1. अपनी वेबसाइट पर कोड स्निपेट डालते समय ध्यान रखें कि मोबाइल उपकरणों पर विजेट की चौड़ाई यथासंभव बड़ी होनी चाहिए। यदि विजेट की चौड़ाई न्यूनतम 300 पिक्सेल से कम है, तो आगंतुकों को हमारी वेबसाइट पर रीडायरेक्ट करने के लिए एक बटन प्रदर्शित किया जाएगा।
  2. जब उपयोगकर्ता फ़ॉर्म सबमिट करते हैं तो उन्हें हमारे होस्ट के परिणाम पृष्ठ पर रीडायरेक्ट कर दिया जाएगा।
  3. आपको उपयोगकर्ता को कुकीज़ के उपयोग के बारे में सूचित करने में सावधानी बरतनी चाहिए क्योंकि वे वेबसाइट की कार्यक्षमता के लिए आवश्यक हैं।
  4. आपको प्रति पृष्ठ एक से अधिक विजेट नहीं रखना चाहिए। एक ही पृष्ठ पर एकाधिक विजेट रखने से पृष्ठ गति और उपयोगकर्ता अनुभव कम हो जाएगा।
  5. विजेट को केवल पृष्ठ की सामग्री के भीतर ही रखा जाना चाहिए। साइडबार पर विजेट लगाना स्वीकार्य नहीं है।

विजेट का निम्नलिखित भाषाओं में अनुवाद किया जा सकता है:

भाषा culture-slug
आदर्शी es

विजेट में भाषा बदलते समय, आइफ्रेम के स्रोत को इस टेम्पलेट के अनुसार बदलें:

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

पूर्वावलोकन