अपनी साइट पर कार्ड लगाना
कार्ड आपके किसी मौजूदा पेज के अंदर भी रह सकता है (टीम का पेज, इंट्रानेट की पोस्ट, मौक़े के लिए बनी कोई साइट), असली कार्ड को थामे एक फ़्रेम की तरह, उसकी तस्वीर की तरह नहीं।
एम्बेड है क्या
वही कार्ड, बिना Noya के इर्द-गिर्द: न साइट का हेडर, न एडिट के कंट्रोल, न बनाने वाले की कोई चीज़। आपका पेज पढ़ने वाले लोग उस पर लगे कार्ड पढ़ भी सकते हैं और अपना जोड़ भी सकते हैं, ठीक वैसे ही जैसे लिंक पर। फ़्रेम में लगे कार्ड को सर्च इंजन अपनी सूची में नहीं लेते, और उसमें जो कुछ Noya पर वापस ले जाता है वह आपके पेज के अंदर नहीं, नए टैब में खुलता है।
कोड
इसे वहाँ चिपकाएँ जहाँ कार्ड बैठना चाहिए, और YOUR_WALL_ID की जगह अपने कार्ड की आईडी डालें, यानी उसके लिंक का वह हिस्सा जो /c/ के बाद आता है।
<iframe data-noya-src="https://noya.so/embed/YOUR_WALL_ID" width="100%" height="720" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>आप क्या-क्या बदल सकते हैं
यह फ़्रेम एक साधारण iframe है, इसलिए जिस पेज पर यह लगे उसके हिसाब से इसके एट्रिब्यूट बदलना आपके हाथ में है।
| एट्रिब्यूट | यह क्या करता है |
|---|---|
| width | फ़्रेम कितना चौड़ा है। 100% पर छोड़ दें तो यह उस कॉलम जितना चौड़ा हो जाता है जिसमें यह बैठा है। |
| height | फ़्रेम कितना ऊँचा है, पिक्सल में। कार्ड बढ़ने पर फ़्रेम नहीं बढ़ता, इसलिए इससे ऊँचा कार्ड इसी के अंदर स्क्रॉल होता है। |
| title | स्क्रीन रीडर के लिए, और बिना इमेज ब्राउज़ करने वालों के लिए, फ़्रेम का नाम क्या है। |
| loading | lazy पर छोड़ दें तो कार्ड तभी लाया जाता है जब पढ़ने वाला स्क्रॉल करके उसके पास पहुँचता है। |
एक चलता-फिरता उदाहरण
वही कोड, जिसमें एक कार्ड की आईडी भरी हुई है और उस पेज के हिसाब से ऊँचाई चुनी गई है जिस पर वह बैठा है।
<iframe data-noya-src="https://noya.so/embed/b7Kq2mXsPnR4" width="100%" height="1000" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>करने लायक़ बातें
- चौड़ाई 100% ही रहने दें, ताकि कार्ड आपके लेआउट के साथ चले, उससे बाहर न निकले।
- ऊँचाई उतनी रखें जितने में स्क्रॉल करना आपको ठीक लगे, और कार्ड भरने लगे तो बढ़ा दें।
- lazy लोडिंग बनी रहने दें। पेज में नीचे लगे कार्ड को उसके ऊपरी हिस्से को रोकना नहीं चाहिए।
- एम्बेड हमेशा बुलाने वाले लिंक का करें, सौंपने वाले का कभी नहीं। पब्लिश किए हुए पेज पर लगा कार्ड वह होता है जिस पर लोगों को लिखना है, और सौंपने वाला लिंक इसके लिए है ही नहीं।
Noya में यह कहाँ मिलेगा
इस पेज से कुछ कॉपी करने की ज़रूरत नहीं। कार्ड की टूल रेल में “एम्बेड” खोलें: वहाँ कोड उसी कार्ड की आईडी के साथ मौजूद है, और एक बटन जो पूरा का पूरा कॉपी कर देता है।