अपनी वर्डप्रेस वेबसाइट में मुफ्त ब्राउज़र गेम कैसे जोड़ें - कोडिंग की आवश्यकता नहीं है

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

Games I Know हल्के ब्राउज़र गेम जैसे Tic Tac Toe, Four in a Row, Bingo और I Know प्रदान करता है। Games I Know द्वारा निर्मित Embed ब्राउज़र गेम्स वर्डप्रेस प्लगइन की मदद से, आप iframe HTML को मैन्युअल रूप से पेस्ट करने के बजाय ब्लॉक एडिटर या शॉर्टकोड के माध्यम से इन गेम को जोड़ सकते हैं।

संक्षिप्त उत्तर: वर्डप्रेस में गेम कैसे जोड़ें?

Games I Know द्वारा विकसित Embed ब्राउज़र गेम्स इंस्टॉल करें, Games I Know > सेटिंग्स में अपना पार्टनर आईडी डालें, Games I Know गेम ब्लॉक या `[gamesiknow]` शॉर्टकोड डालें, डेस्कटॉप और मोबाइल पर पेज का पूर्वावलोकन करें और प्रकाशित करें। आगंतुक बिना ऐप डाउनलोड किए सीधे ब्राउज़र में गेम खेल सकते हैं।

वर्डप्रेस वेबसाइट में ब्राउज़र गेम क्यों जोड़ें?

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

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

यह किसके लिए उपयोगी है?

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

GamesIKnow Embed क्या है?

GamesIKnow Embed Games I Know का embed प्लेटफॉर्म है। यह वेबसाइट मालिकों को सुरक्षित iframe URL के माध्यम से अपनी साइटों पर खेलने योग्य ब्राउज़र गेम जोड़ने की सुविधा देता है। वर्डप्रेस उपयोगकर्ताओं के लिए, आधिकारिक प्लगइन—Games I Know द्वारा Embed ब्राउज़र गेम्स—एक सेटिंग स्क्रीन, एक गुटेनबर्ग ब्लॉक, एक शॉर्टकोड और एक शॉर्टकोड बिल्डर जोड़ता है, जिससे आपको iframe HTML को मैन्युअल रूप से लिखने की आवश्यकता नहीं होती है।

पुष्टि किए गए प्लगइन फीचर्स में Games I Know गेम ब्लॉक, `[gamesiknow]` शॉर्टकोड, Games I Know > पार्टनर आईडी और डिफ़ॉल्ट embed व्यवहार के लिए सेटिंग्स, और Games I Know > कॉपी-रेडी शॉर्टकोड के लिए शॉर्टकोड बिल्डर शामिल हैं। पार्टनर आईडी आवश्यक है: इसके बिना, गेम embed और iframe में लोड नहीं होंगे। यह आपकी वर्डप्रेस साइट को आपके Games I Know पार्टनर अकाउंट और स्वीकृत डोमेन से जोड़ता है।

चरण-दर-चरण: वर्डप्रेस में ब्राउज़र गेम कैसे जोड़ें

1. अपने वर्डप्रेस एडमिन डैशबोर्ड में लॉग इन करें।
2. प्लगइन खोलें > नया जोड़ें।
3. "Embed ब्राउज़र गेम्स Games I Know द्वारा" खोजें।
4. इंस्टॉल नाउ पर क्लिक करें, फिर एक्टिवेट करें।
5. Games I Know खोलें > बाईं ओर के एडमिन मेनू में सेटिंग्स पर जाएं।
6. आवश्यक: पार्टनर आईडी प्राप्त करें पर क्लिक करें, Games I Know पर साइन इन करें, इंस्टॉल टैब से अपनी पार्टनर आईडी कॉपी करें, इसे पार्टनर आईडी फ़ील्ड में पेस्ट करें और पार्टनर आईडी सहेजें पर क्लिक करें।
7. वैकल्पिक: यदि आप चाहते हैं कि गेम फ्रंटएंड पर इस तरह से काम करें, तो डिफ़ॉल्ट रूप से लेज़ी लोड को सक्षम करें और डिफ़ॉल्ट रूप से फ़ुलस्क्रीन की अनुमति दें।
8. एक नई पोस्ट या पेज बनाएं, या किसी मौजूदा पोस्ट या पेज को संपादित करें।
9. ब्लॉक इंसर्टर से Games I Know गेम ब्लॉक डालें, या [gamesiknow game="tic-tac-toe"] जैसा शॉर्टकोड जोड़ें।
10. ब्लॉक साइडबार या शॉर्टकोड एट्रिब्यूट में गेम और लेआउट विकल्प चुनें।
11. डेस्कटॉप और मोबाइल पर पेज का पूर्वावलोकन करें। पुष्टि करें कि गेम iframe लोड हो रहा है और उसकी ऊंचाई पर्याप्त है।
12. पेज को प्रकाशित या अपडेट करें।

वर्डप्रेस ब्लॉक के साथ एक गेम जोड़ें

यह प्लगइन वर्डप्रेस ब्लॉक एडिटर में Games I Know गेम नाम का एक ब्लॉक रजिस्टर करता है। कोई पोस्ट या पेज खोलें, ब्लॉक इंसर्टर (+) पर क्लिक करें, "Games I Know" खोजें और ब्लॉक जोड़ें। ब्लॉक साइडबार का उपयोग करके गेम, थीम, मोड, चौड़ाई, ऊंचाई, अलाइनमेंट, बॉर्डर रेडियस, शैडो, लेज़ी लोडिंग और फुलस्क्रीन विकल्प चुनें।

यह ब्लॉक केवल फ्रंटएंड पर ही प्रदर्शित होता है। एडिटर में आपको एक सारांश कार्ड और उसका समतुल्य शॉर्टकोड दिखाई देगा, जिससे आपको यह समझने में मदद मिलेगी कि प्रकाशन के बाद क्या दिखाई देगा। यदि पार्टनर आईडी मौजूद नहीं है, तो ब्लॉक एडिटर में एक चेतावनी दिखाएगा और जब तक आप Games I Know > सेटिंग्स में पार्टनर आईडी सहेज नहीं लेते, तब तक गेम फ्रंटएंड पर लोड नहीं होंगे।

शॉर्टकोड के साथ एक गेम जोड़ें

यदि आप शॉर्टकोड पसंद करते हैं—या क्लासिक एडिटर क्षेत्रों, विजेट्स, या शॉर्टकोड का समर्थन करने वाले पेज बिल्डरों में इनकी आवश्यकता है—तो `[gamesiknow]` प्लगइन का उपयोग करें। इस प्लगइन में Games I Know > शॉर्टकोड बिल्डर भी शामिल है, जो wp-admin से कॉपी करने योग्य शॉर्टकोड जेनरेट करता है।

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

समर्थित गेम स्लग्स हैं `tic-tac-toe`, `four-in-a-row`, `bingo` और `i-know`। वैकल्पिक एट्रिब्यूट्स में `width`, `height`, `max_width`, `align`, `theme`, `mode`, `campaign_id`, `border_radius`, `shadow`, `lazy` और `allow_fullscreen` शामिल हैं।

वर्डप्रेस साइट पर गेम कहां रखना चाहिए?

• ब्लॉग पोस्ट के अंत में एक संबंधित गतिविधि के रूप में
• खेल या गतिविधियों के लिए समर्पित पृष्ठ पर
• कक्षा या विद्यालय के संसाधन पृष्ठ पर
• किसी सामुदायिक केंद्र या कार्यक्रम पृष्ठ पर
• लैंडिंग पेज के एक सेक्शन में पर्याप्त चौड़ाई के साथ
• किसी रेस्तरां या प्रतीक्षा-कक्ष के पृष्ठ पर
• बच्चों की गतिविधि पृष्ठ पर
• एक विस्तृत सामग्री क्षेत्र या पूर्ण-चौड़ाई वाले ब्लॉक में

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

आपको सबसे पहले कौन सा गेम जोड़ना चाहिए?

• Tic Tac Toe — त्वरित, सरल खेल और शुरुआती परीक्षणों के लिए सर्वोत्तम
• Four in a Row — हल्की रणनीति और पारिवारिक-अनुकूल पृष्ठों के लिए सर्वोत्तम
• Bingo — समूहों, कक्षाओं और आयोजनों के लिए सर्वोत्तम
• I Know — सामान्य ज्ञान और प्रश्नोत्तरी शैली की बातचीत के लिए सर्वोत्तम

मैनुअल iframe बनाम वर्डप्रेस प्लगइन

आप HTML का उपयोग करके मैन्युअल रूप से गेम बना सकते हैं या वर्डप्रेस प्लगइन का उपयोग कर सकते हैं। अधिकांश गैर-तकनीकी वर्डप्रेस उपयोगकर्ताओं के लिए, प्लगइन एक सरल विकल्प है क्योंकि यह ब्लॉक यूआई, शॉर्टकोड, सेटिंग्स और सुरक्षित यूआरएल को अपने आप संभाल लेता है।

प्रकाशित करने से पहले कुछ सुझाव

• प्रकाशित करने से पहले मोबाइल और डेस्कटॉप पर पूर्वावलोकन करें।
• गेम के ऊपर एक छोटा सा शीर्षक जोड़ें ताकि आगंतुकों को पता चले कि उन्हें क्या करना है।
• इस गतिविधि को एक वाक्य में समझाएं—उदाहरण के लिए, "पढ़ते समय एक छोटा सा राउंड खेलें।"
• एक ही पेज पर बहुत सारे लाइव गेम embed को एक साथ रखने से बचें।
• थीम या पेज बिल्डर बदलने के बाद दोबारा परीक्षण करें।
• अभिगम्यता के लिए स्पष्ट गेम शीर्षक और iframe शीर्षक का उपयोग करें।
• पेज के आस-पास की सामग्री को उपयोगी रखें ताकि सर्च के दौरान पेज आसानी से पढ़ा जा सके।

समस्या निवारण

खेल दिखाई नहीं दे रहा है

सुनिश्चित करें कि प्लगइन सक्रिय है, पृष्ठ प्रकाशित है, और आपने Games I Know गेम ब्लॉक या एक मान्य `[gamesiknow]` शॉर्टकोड का उपयोग किया है। यह भी जांच लें कि आपका थीम या पेज बिल्डर फ्रंटएंड पर iframe आउटपुट की अनुमति देता है या नहीं।

शॉर्टकोड सादे टेक्स्ट के रूप में दिखाई देता है।

वर्डप्रेस केवल उन्हीं कंटेंट एरिया में शॉर्टकोड चलाता है जो उन्हें प्रोसेस करते हैं। यदि आपको केवल `[gamesiknow]` टेक्स्ट दिखाई दे, तो शॉर्टकोड ब्लॉक, क्लासिक शॉर्टकोड सपोर्ट या शॉर्टकोड चलाने वाले बिल्डर विजेट का उपयोग करें।

यह ब्लॉक एडिटर में दिखाई नहीं दे रहा है।

ब्लॉक इन्सर्टर में "Games I Know गेम" खोजें। यदि यह अभी भी दिखाई नहीं देता है, तो पुष्टि करें कि Games I Know द्वारा बनाया गया Embed ब्राउज़र गेम सक्रिय है और आप ब्लॉक एडिटर का उपयोग करके संपादन कर रहे हैं।

गलत गेम दिखाई दे रहा है

ब्लॉक साइडबार या शॉर्टकोड में गेम स्लग की जाँच करें। समर्थित मान `tic-tac-toe`, `four-in-a-row`, `bingo` और `i-know` हैं।

मोबाइल पर गेम बहुत छोटा दिखता है।

हाइट एट्रिब्यूट बढ़ाएँ, कंटेंट एरिया को चौड़ा करें और साइडबार को संकीर्ण जगह पर रखने से बचें। शॉर्टकोड बिल्डर प्रत्येक गेम के लिए अनुशंसित आकार सूचीबद्ध करता है।

पार्टनर आईडी प्रश्न

गेम लोड करने के लिए पार्टनर आईडी आवश्यक है। Games I Know खोलें > सेटिंग्स पर क्लिक करें, पार्टनर आईडी प्राप्त करें पर क्लिक करें, Games I Know पर साइन इन करें, अपने पार्टनर डैशबोर्ड के इंस्टॉल टैब से मान कॉपी करें, इसे पार्टनर आईडी फ़ील्ड में पेस्ट करें और पार्टनर आईडी सहेजें पर क्लिक करें। साथ ही, अपने पार्टनर डैशबोर्ड में अपनी वर्डप्रेस साइट डोमेन की स्वीकृति की पुष्टि करें।

पेज बिल्डर या थीम embed में बाधा उत्पन्न करता है।

कुछ बिल्डर iframe की सामग्री को हटा देते हैं या कस्टम ब्लॉकों को अवरुद्ध कर देते हैं। शॉर्टकोड को वर्डप्रेस के मूल शॉर्टकोड ब्लॉक में उपयोग करके देखें, डिफ़ॉल्ट थीम के साथ परीक्षण करें, या iframe और शॉर्टकोड समर्थन के लिए बिल्डर दस्तावेज़ देखें।