अपनी वेबसाइट या ब्लॉग पर माहजोंग सॉलिटेयर (Mahjong Solitaire) एम्बेड करें

हमें यह बताते हुए खुशी हो रही है कि TheMahjong.com पर एक नया फ़ीचर जोड़ा गया है। अब आप हमारी माहजोंग सॉलिटेयर गेम को सीधे अपनी वेबसाइट या ब्लॉग में एम्बेड कर सकते हैं। चाहे आप छोटा पर्सनल ब्लॉग चलाते हों, गेमिंग पोर्टल, या पहेलियों और ब्रेन-ट्रेनिंग पर कोई पेज — आपके विज़िटर अब सीधे आपकी साइट पर ही माहजोंग सॉलिटेयर खेल सकते हैं।

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

हमने एम्बेड फ़ीचर क्यों जोड़ा

माहजोंग सॉलिटेयर अलग-अलग तरह के कंटेंट के साथ स्वाभाविक रूप से फिट बैठता है — पहेलियों पर गाइड, थीम-आधारित लेख, याददाश्त और ध्यान पर पेज या लेआउट्स का साधारण संग्रह। ऐसे मामलों में, खेल को सीधे पेज पर रखना किसी दूसरे साइट पर लिंक भेजने से बेहतर काम करता है।

एम्बेड फ़ीचर यह सब संभव बनाता है, बिना आपकी साइट की संरचना बदले। यह एक छोटा-सा, स्वतंत्र गेम-ब्लॉक की तरह काम करता है, जो जहाँ ज़रूरत हो आपके पेज का हिस्सा बन जाता है। आपको बस पेज में छोटा-सा स्निपेट जोड़ना होता है, बाकी हम संभालते हैं: गेम हमारे सर्वर से लोड होता है, अपडेटेड रहता है और TheMahjong.com पर जैसे काम करता है, वैसा ही आपकी साइट पर भी काम करता है।

माहजोंग सॉलिटेयर एम्बेड करने के दो तरीके

अपनी पेजों पर माहजोंग सॉलिटेयर जोड़ने के दो आसान तरीके हैं:

• iframe, जो लगभग हर वेबसाइट पर काम करता है,
• oEmbed, जिसे कई लोकप्रिय कंटेंट मैनेजमेंट सिस्टम (CMS) सपोर्ट करते हैं।

दोनों विकल्प एक ही गेम दिखाते हैं। फर्क सिर्फ इतना है कि आप उसे अपने पेज में कैसे जोड़ते हैं।

विकल्प 1: साधारण iframe एम्बेड

iframe वाला विकल्प आपको एक छोटा-सा HTML स्निपेट देता है, जिसे आप अपने पेज में पेस्ट कर सकते हैं। यह तब अच्छा काम करता है जब आप अपनी साइट का HTML एडिट कर सकते हों या आपका एडिटर कस्टम कोड के लिए कोई ब्लॉक देता हो।

एक सामान्य iframe एम्बेड कुछ इस तरह दिखता है:

<iframe 
  src="https://themahjong.com/shared-game" 
  title="Mahjong game" 
  loading="lazy" 
  allowFullScreen 
  style="width:100%;height:600px;border:none">
</iframe>

आप यह कर सकते हैं:

• इस ब्लॉक को वहाँ रखें जहाँ आप चाहते हैं कि गेम दिखे;
• कंटेनर की चौड़ाई के अनुसार गेम अपने-आप फिट हो सके, इसके लिए [width] को प्रतिशत में समायोजित करें;
• अपने पेज के लेआउट से मिलाने के लिए [height] को पिक्सेल में समायोजित करें।

यदि आप TheMahjong.com को सपोर्ट करना चाहें, तो एम्बेड किए गए गेम के पास हमारी साइट की ओर लौटने वाला एक छोटा-सा टेक्स्ट लिंक जोड़ सकते हैं। यह ज़रूरी नहीं है, लेकिन हमें हमेशा अच्छा लगता है।

विकल्प 2: CMS प्लेटफॉर्म के लिए oEmbed

यदि आपकी साइट ऐसे CMS पर चलती है जो oEmbed को सपोर्ट करता है (जैसे WordPress, Drupal या सही प्लगइन के साथ Joomla), तो आप iframe HTML के साथ सीधे काम किए बिना भी एम्बेड फ़ीचर का उपयोग कर सकते हैं।

हर पेज "साझा करें" में लेआउट URL और oEmbed कोड होता है।

कुछ एडिटर लेआउट URL को अपने-आप एम्बेडेड गेम में बदल सकते हैं। आपको बस उस URL को ऐसे ब्लॉक में पेस्ट करना होता है जो एम्बेडेड कंटेंट को सपोर्ट करता हो। दूसरी सेटिंग्स में आपसे थीम या प्लगइन द्वारा दिए गए किसी खास फ़ील्ड या ब्लॉक में oEmbed कोड पेस्ट करने को कहा जा सकता है।

अगर आपका CMS गेम की जगह सिर्फ एक साधारण लिंक ही दिखाता है, तो ज़्यादातर मामलों में इसका मतलब होता है कि उस हिस्से में oEmbed या तो सक्षम नहीं है या फिर सपोर्ट ही नहीं किया जाता।

एम्बेडिंग कहाँ सबसे ज़्यादा असरदार रहती है

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

• थीम वाले ब्लॉग पोस्ट और लेख। अगर आप पहेलियों, रिलैक्स करने वाली गेम्स, फोकस या दिन में छोटे ब्रेक के बारे में लिखते हैं, तो एम्बेड किया हुआ माहजोंग सॉलिटेयर लेआउट टेक्स्ट के बगल में एक छोटा-सा इंटरैक्टिव उदाहरण बनकर रह सकता है। आप ऐसा लेआउट चुन सकते हैं जो मोटे तौर पर विषय से मेल खाता हो, ताकि गेम पेज पर बेमेल या अचानक-सा न लगे।
• वेबसाइट पर गेम और पज़ल सेक्शन। जिन साइटों पर पहले से “Games” या “Puzzles” सेक्शन होता है, वहाँ एम्बेड किया गया महजोंग गेम सिर्फ लिंक के बजाय पेज के मुख्य एलिमेंट्स में से एक बन सकता है। यह छोटे पर्सनल प्रोजेक्ट्स के लिए भी काम करता है और बड़े पोर्टल्स के लिए भी, जो बिना शून्य से डेवलप किए एक और क्लासिक पज़ल जोड़ना चाहते हैं।
• याददाश्त, ध्यान और ट्रेनिंग से जुड़ी पेज। ऐसे लेख जो एकाग्रता, पैटर्न पहचान या रोज़ के आसान ब्रेन-एक्सरसाइज़ पर बात करते हैं, खेलने-योग्य उदाहरण से फ़ायदा उठा सकते हैं। माहजोंग सॉलिटेयर कम दबाव वाली एक्टिविटी के रूप में अच्छी तरह फिट बैठता है, जिसे पाठक बिना कुछ इंस्टॉल किए या पेज छोड़े तुरंत आज़मा सकते हैं।
• मौसमी या इवेंट-आधारित पेज। मौसमी कंटेंट (जैसे पतझड़ के थीम, सर्दियों की छुट्टियाँ, स्थानीय त्योहार) के लिए आप ऐसे लेआउट एम्बेड कर सकते हैं जो पेज के मूड से मेल खाते हों। जैसे, आपकी रोज़ की ज्योतिषीय भविष्यवाणी के लिए किसी राशि चिन्ह वाला लेआउट। मुख्य टेक्स्ट के पास रखा ऐसा थीम वाला लेआउट पेज को ज़्यादा पूरा महसूस कराता है और विज़िटरों को थोड़ी देर और रुकने की वजह देता है।
• कम्युनिटी हब और “विराम लें” पेज। कई कम्युनिटी साइटों, फ़ोरम या टीम पोर्टलों पर ऐसे सरल पेज होते हैं, जहाँ “थोड़ा विराम लें” या “एक मिनट खेलें” जैसा कुछ लिखा होता है और लोग वहाँ थोड़ी देर खेलकर आराम कर सकते हैं। ऐसे पेजों पर एम्बेड किया गया माहजोंग सॉलिटेयर लेआउट एक छोटी, स्वतंत्र गतिविधि की तरह स्वाभाविक रूप से फिट हो जाता है, जिसमें न रजिस्ट्रेशन की ज़रूरत पड़ती है, न डाउनलोड की।

परफ़ॉर्मेंस और लोडिंग

एम्बेड किया गया गेम HTTPS के ज़रिए TheMahjong.com से लोड होता है। यह मुख्य साइट वाला ही कोड और एसेट्स उपयोग करता है, इसलिए परफ़ॉर्मेंस भी लगभग वही रहता है: एक बार गेम कैश हो जाने के बाद दोबारा आने पर लेआउट तेज़ी से लोड होना चाहिए।

अगर आप iframe में loading="lazy" एट्रिब्यूट का उपयोग करके गेम एम्बेड करते हैं, तो ज़्यादातर ब्राउज़र तब तक उसे लोड करने का इंतज़ार करेंगे, जब तक खिलाड़ी उस हिस्से तक स्क्रॉल नहीं कर लेता। इससे आपका पेज ज़्यादा responsive रह सकता है, ख़ासकर तब जब एक ही पेज पर एक से ज़्यादा एम्बेड हों।

हमें उम्मीद है कि यह नया एम्बेड फ़ीचर आपकी साइट पर अच्छी जगह पाएगा। आप इसे किसी एक लेख में इस्तेमाल करें या पूरे गेम्स सेक्शन के हिस्से के रूप में — अलग-अलग लेआउट और प्लेसमेंट आज़माने में संकोच न करें, जब तक कि यह आपके कंटेंट में स्वाभाविक रूप से फिट न बैठ जाए।