अपनी वेबसाइट पर गेम कैसे जोड़ें

अधिकांश वेबसाइटें पढ़ने, सरसरी तौर पर देखने या क्लिक करने के लिए बनाई जाती हैं। यह उपयोगी तो है, लेकिन इससे वेबसाइट नीरस भी लग सकती है। एक साधारण ब्राउज़र गेम जोड़ने से आगंतुकों को ऐप डाउनलोड करने, प्लेयर अकाउंट बनाने या आपकी वेबसाइट छोड़ने के लिए कहे बिना कुछ करने को मिल जाता है।

अपनी वेबसाइट पर गेम जोड़ने का सबसे आसान तरीका आमतौर पर एक गेम विजेट या गेम विजेट होता है। आप पेज पर HTML का एक छोटा सा कोड डालते हैं, और गेम एक अलग फ्रेम के अंदर चलता है। यह विजेट इसी काम के लिए बनाया गया है: हल्के ब्राउज़र गेम जो ब्लॉग, वर्डप्रेस साइट, छोटे व्यवसायों की वेबसाइट, सामुदायिक पेज, स्कूल, रेस्तरां और डेवलपर प्रोजेक्ट में आसानी से फिट हो जाते हैं।

संक्षिप्त उत्तर: किसी वेबसाइट पर गेम कैसे जोड़े जाते हैं?

अपनी वेबसाइट पर गेम जोड़ने के लिए, एक ब्राउज़र गेम चुनें, प्रदाता का iframe या गेम विजेट कोड कॉपी करें, इसे अपने CMS या ऐप में पेस्ट करें, मोबाइल पर embed का परीक्षण करें, और गेम के बारे में उपयोगी जानकारी के साथ पेज प्रकाशित करें। Games I Know और Embed के साथ, iframe एक समर्पित /embed/{gameSlug}/frame/ URL और आपके पार्टनर सेटअप से एक टेनेंट ID का उपयोग करता है।

1. ऐसा गेम चुनें जो पेज और दर्शकों के लिए उपयुक्त हो।
2. embed प्लेटफॉर्म द्वारा प्रदान किए गए iframe फ्रेम URL का उपयोग करें।
3. iframe को वर्डप्रेस, वेबसाइट बिल्डर या अपने React/Next.js कंपोनेंट में पेस्ट करें।
4. स्थिर ऊंचाई, स्पष्ट शीर्षक विशेषता, लेज़ी लोडिंग और फ़ुलस्क्रीन समर्थन सेट करें।
5. प्रकाशित करने से पहले मोबाइल और डेस्कटॉप पर पेज का पूर्वावलोकन करें।

वेबसाइट के लिए गेम विजेट क्या होता है?

वेबसाइट गेम विजेट एक छोटा, खेलने योग्य ब्राउज़र गेम है जो एक सामान्य वेब पेज के अंदर स्थित होता है। अधिकांश व्यावहारिक सेटअपों में, विजेट एक iframe होता है: गेम को प्रदाता द्वारा होस्ट किया जाता है, जबकि आपकी साइट आसपास के लेख, लैंडिंग पेज, संसाधन पेज या व्यावसायिक पेज की सामग्री को नियंत्रित करती है।

अपनी वेबसाइट में गेम क्यों जोड़ें?

किसी गेम का मतलब यह नहीं है कि आपकी वेबसाइट गेमिंग पोर्टल बन जाए। कई वेबसाइटों के लिए, इसका सबसे अच्छा उपयोग किसी बड़े पेज के भीतर एक छोटा सा इंटरैक्टिव क्षण होता है: किसी ब्लॉग पोस्ट पर एक त्वरित गतिविधि, किसी रेस्तरां के क्यूआर पेज के लिए वेटिंग रूम गेम, किसी स्कूल साइट पर कक्षा गतिविधि, या किसी सामुदायिक पेज पर एक मजेदार ब्रेक।

• गेम किसी स्टैटिक पेज को अधिक आकर्षक बनाने में मदद कर सकते हैं।
• आगंतुकों को पेज छोड़े बिना ही कुछ करने को मिल जाता है।
• ब्लॉग और सामुदायिक साइटें तब अधिक यादगार बन सकती हैं जब पृष्ठ में एक सरल अंतःक्रिया शामिल हो।
• छोटे व्यवसाय पूरी तरह से कस्टम ऐप बनाए बिना भी उसमें एक मजेदार स्पर्श जोड़ सकते हैं।
• डेवलपर्स और एजेंसियां एक छोटे, पृथक iframe के साथ एक इंटरैक्टिव वेबसाइट विजेट जोड़ सकते हैं।

वेबसाइट पर गेम जोड़ने के सर्वोत्तम तरीके

किसी वेबसाइट पर गेम जोड़ने के कई तरीके हैं। सबसे अच्छा विकल्प आपके प्लेटफॉर्म, आपको कितना नियंत्रण चाहिए और क्या आप गेम खुद बनाना चाहते हैं, इस पर निर्भर करता है।

iframe गेम embed का उपयोग करें

iframe embed अक्सर सबसे तेज़ तरीका होता है। गेम को प्रोवाइडर द्वारा होस्ट किया जाता है, जबकि आपका पेज इसके लिए जगह आरक्षित करता है। इससे गेम रनटाइम आपके पेज कोड से अलग रहता है और यह कोड स्निपेट कई प्लेटफॉर्म पर काम करता है।

गेम विजेट का उपयोग करें

गेम विजेट आमतौर पर एक iframe होता है, जिसमें कुछ उपयोगी डिफ़ॉल्ट सेटिंग्स भी शामिल होती हैं: अनुशंसित आकार, स्पष्ट शीर्षक, फ़ुलस्क्रीन सपोर्ट और कभी-कभी ऐसे इवेंट मैसेज जिन्हें आपका पैरेंट पेज प्राप्त कर सकता है। यही Games I Know और Embed के पीछे का व्यावहारिक मॉडल है।

HTML5 गेम जोड़ें

आधुनिक ब्राउज़र गेम को अक्सर HTML5 गेम कहा जाता है क्योंकि ये फ़ोन, टैबलेट, लैपटॉप और डेस्कटॉप पर ब्राउज़र में चलते हैं। आप अपना खुद का HTML5 गेम होस्ट कर सकते हैं, लेकिन अधिकांश वेबसाइट मालिक एक प्लेटफ़ॉर्म को प्राथमिकता देते हैं ताकि उन्हें गेम इंजन, एसेट्स, मोबाइल लेआउट और बग फिक्सिंग का रखरखाव स्वयं न करना पड़े।

कस्टम HTML ब्लॉक का उपयोग करके वर्डप्रेस में गेम जोड़ें

वर्डप्रेस में, सबसे आसान तरीका कस्टम HTML ब्लॉक का उपयोग करना है। iframe स्निपेट को पेस्ट करें, पेज का पूर्वावलोकन करें और आस-पास के टेक्स्ट और लेआउट को समायोजित करें। यदि आपका वर्डप्रेस सेटअप iframe टैग को हटा देता है, तो आपको एक एडमिनिस्ट्रेटर की आवश्यकता हो सकती है या एक ऐसा प्लगइन चाहिए जो iframe टैग की अनुमति देता हो।

React या Next.js में गेम जोड़ें

React या Next.js में, iframe को एक कंपोनेंट के रूप में रेंडर करें और फ्रेम src को स्थिर रखें। यदि आप एनालिटिक्स या गेम इवेंट चाहते हैं, तो क्लाइंट कंपोनेंट में Games I Know फ्रेम से विश्वसनीय postMessage इवेंट्स को सुनें।

शुरू से एक कस्टम गेम बनाएं

जब गेम ही आपका उत्पाद हो, तो कस्टम गेम एक अच्छा विकल्प हो सकता है। सामान्य ब्लॉग, एजेंसी साइट, स्कूल पेज या स्थानीय व्यवसाय पेज के लिए, embed आमतौर पर तेज़ और रखरखाव में आसान होता है।

सबसे आसान विकल्प: GamesIKnow Embed का उपयोग करें

GamesIKnow Embed वेबसाइट मालिकों को एक साधारण iframe प्रक्रिया के माध्यम से बीटा परीक्षण के दौरान निःशुल्क ब्राउज़र गेम जोड़ने की सुविधा देता है। आगंतुक बिना ऐप डाउनलोड किए और बिना प्लेयर साइन अप किए ब्राउज़र में गेम खेल सकते हैं। ये गेम हल्के-फुल्के, मोबाइल-अनुकूल हैं और उन पेजों के लिए डिज़ाइन किए गए हैं जहाँ आप एक पूर्ण गेमिंग प्लेटफॉर्म के बजाय एक त्वरित इंटरैक्टिव ब्लॉक चाहते हैं।

वर्तमान में उपलब्ध गेमों में 1, 2, 3, 0, सुडोकू और वर्ड सर्च शामिल हैं। ये ब्लॉग, स्कूल, रेस्तरां, सामुदायिक वेबसाइट, छोटे व्यवसायों के पेज, आंतरिक पोर्टल और डेवलपर साइटों के लिए उपयुक्त हैं जिन्हें एक सरल ब्राउज़र गेम विजेट की आवश्यकता होती है।

उदाहरण embed कोड

Games I Know वेबसाइट embed के लिए एक समर्पित iframe फ्रेम रूट का उपयोग करता है। सार्वजनिक /embed/{gameSlug}/ पेज मानव-पठनीय लैंडिंग पेज है। iframe स्रोत को पार्टनर डैशबोर्ड से अपने टेनेंट आईडी के साथ /embed/{gameSlug}/फ्रेम/ का उपयोग करना चाहिए।

<iframe
  src="https://gamesiknow.com/embed/tic-tac-toe/frame/?tenantId=YOUR_TENANT_ID"
  title="Tic Tac Toe by Games I Know"
  width="100%"
  height="640"
  style="border:0;border-radius:16px;max-width:420px;display:block;margin:0 auto;"
  loading="lazy"
  allow="fullscreen"
  allowfullscreen
></iframe>

ऊपर दिए गए लाइव डेमो में Games I Know डेमो टेनेंट का उपयोग किया गया है। अपनी वेबसाइट के लिए, एक पार्टनर अकाउंट बनाएं, अपना डोमेन रजिस्टर करें और डैशबोर्ड द्वारा जनरेट किए गए टेनेंट या embed कुंजी मानों का उपयोग करें ताकि फ्रेम आपकी स्वीकृत साइट से जुड़ जाए।

वर्डप्रेस में गेम कैसे जोड़ें

1. वह वर्डप्रेस पेज या पोस्ट खोलें जहां आप गेम दिखाना चाहते हैं।
2. गेम खेलने के स्थान के पास एक कस्टम HTML ब्लॉक जोड़ें।
3. अपने embed डैशबोर्ड से Games I Know iframe स्निपेट चिपकाएँ।
4. डेस्कटॉप और मोबाइल पर पूर्वावलोकन करें, फिर यदि आवश्यक हो तो आसपास के अनुभाग की सामग्री को समायोजित करें।
5. जब गेम का आकार, शीर्षक और लेआउट सही लगे, तब पेज प्रकाशित करें।

React में गेम कैसे जोड़ें

React के लिए, iframe कंपोनेंट को सरल रखें। एक स्थिर फ्रेम URL पास करें, सुलभता के लिए एक स्पष्ट शीर्षक सेट करें, उचित ऊंचाई आरक्षित करें, और postMessage हैंडलिंग केवल तभी जोड़ें जब आपके ऐप को embed इवेंट की आवश्यकता हो।

const gameSrc = "https://gamesiknow.com/embed/tic-tac-toe/frame/?tenantId=YOUR_TENANT_ID";

export function GameEmbed() {
  return (
    <iframe
      src={gameSrc}
      title="Tic Tac Toe by Games I Know"
      width="100%"
      height={640}
      style={{
        border: 0,
        borderRadius: 16,
        maxWidth: 420,
        display: "block",
        margin: "0 auto",
      }}
      loading="lazy"
      allow="fullscreen"
      allowFullScreen
    />
  );
}

Next.js में गेम कैसे जोड़ें

Next.js में, गेम से संबंधित उपयोगी शीर्षकों, पाठ और अक्सर पूछे जाने वाले प्रश्नों (FAQ) के साथ पेज को इंडेक्स करने योग्य रखें। iframe को सर्वर कंपोनेंट में रेंडर किया जा सकता है, जबकि किसी भी पोस्टमैसेज लिसनर को क्लाइंट कंपोनेंट में होना चाहिए।

const gameSrc = "https://gamesiknow.com/embed/tic-tac-toe/frame/?tenantId=YOUR_TENANT_ID";

export default function GamesPage() {
  return (
    <main>
      <h1>Play Tic Tac Toe</h1>
      <iframe
        src={gameSrc}
        title="Tic Tac Toe by Games I Know"
        width="100%"
        height={640}
        style={{
          border: 0,
          borderRadius: 16,
          maxWidth: 420,
          display: "block",
          margin: "0 auto",
        }}
        loading="lazy"
        allow="fullscreen"
        allowFullScreen
      />
    </main>
  );
}

वेबसाइट पर गेम जोड़ने के लिए सबसे अच्छी जगहें

• ऐसे ब्लॉग पोस्ट जिनमें विषय के अनुरूप एक संक्षिप्त इंटरैक्टिव ब्रेक शामिल हो।
• वे संसाधन पृष्ठ जो पहले से ही बार-बार आने वाले आगंतुकों को आकर्षित करते हैं।
• सामुदायिक पृष्ठ, क्लब पृष्ठ और स्थानीय समूह साइटें।
• स्कूल की गतिविधियों के पेज और कक्षा संसाधन केंद्र।
• रेस्टोरेंट के वेटिंग पेज, मेनू क्यूआर पेज और इवेंट पेज।
• ऐसे लैंडिंग पेज जहां एक छोटा सा इंटरैक्शन ऑफर को सपोर्ट करता है।
• 404 पन्ने या मनोरंजक पन्ने जहाँ चंचलता की अपेक्षा की जाती है।

शुरुआत करने के लिए सर्वश्रेष्ठ Games I Know गेम

गेम जोड़ने से पहले कुछ सुझाव

• गेम को हर लेख में डालने के बजाय, इसे पेज से संबंधित रखें।
• प्रकाशित करने से पहले मोबाइल पर iframe का परीक्षण करें।
• एक ही पेज पर बहुत सारे लाइव embeds न डालें।
• पहले व्यूपोर्ट के नीचे दिखाई देने वाले iframe स्निपेट्स के लिए लेज़ी लोडिंग का उपयोग करें।
• गेम को बिना किसी असुविधाजनक पेज जंप के आसानी से खेलने के लिए iframe की ऊंचाई उचित रखें।
• स्पष्ट शीर्षक विशेषता का उपयोग करें ताकि सहायक तकनीक embedded गेम का वर्णन कर सके।
• यदि आपके लिए सहभागिता डेटा महत्वपूर्ण है, तो एनालिटिक्स की मदद से क्लिक, शुरुआत या पूर्ण राउंड को ट्रैक करें।

त्वरित चेकलिस्ट

1. गेम का चयन करें और पुष्टि करें कि यह पेज के उद्देश्य के अनुरूप है।
2. iframe के अंदर समर्पित Games I Know फ्रेम URL का उपयोग करें।
3. गेम के आसपास उपयोगी पेज टेक्स्ट जोड़ें ताकि पेज का एसईओ मूल्य बना रहे।
4. फ़ोन, टैबलेट और डेस्कटॉप पर पेज का पूर्वावलोकन करें।
5. प्रकाशित करें, फिर निगरानी करें कि आगंतुक वास्तव में विजेट का उपयोग करते हैं या नहीं।