अपने ब्लॉग पर इंटरैक्टिव ट्रैवल मैप कैसे लगाएँ

एम्बेड कोड पाएँ

1. 1अपनी यात्राओं की फ़ोटो अपलोड करके Trailroll में अपना नक्शा बनाएँ।
2. 2नक्शा साझा करें खोलें और सार्वजनिक लिंक चालू करें।
3. 3चुनें कि कौन-सी यात्राएँ दिखानी हैं, और सटीक लोकेशन या तारीखें छिपानी हैं या नहीं।
4. 4एम्बेड कोड कॉपी करें। यह iframe का एक छोटा-सा कोड है।

एम्बेड किया गया नक्शा आपके साझा करने वाले लिंक की ही सेटिंग्स मानता है। बाद में यात्राएँ या प्राइवेसी सेटिंग्स बदलें, तो कोड छुए बिना आपके ब्लॉग का नक्शा अपडेट हो जाता है।

इसे अपनी साइट में पेस्ट करें

• WordPress: एक Custom HTML ब्लॉक जोड़ें और कोड पेस्ट करें।
• Squarespace: एक Code ब्लॉक जोड़ें और कोड पेस्ट करें।
• Wix: Embed Code → Embed HTML जोड़ें और कोड पेस्ट करें।
• Ghost: एक HTML कार्ड जोड़ें।
• Webflow: एक Embed एलिमेंट जोड़ें।
• सादा HTML: जहाँ नक्शा दिखाना है, वहाँ iframe पेस्ट करें।

जो प्लेटफ़ॉर्म iframe की इजाज़त नहीं देते, जैसे Medium और Substack, वहाँ इंटरैक्टिव नक्शा नहीं दिख सकता। उसकी जगह साझा करने का लिंक पोस्ट करें: वह आपके नक्शे के साथ एक प्रीव्यू कार्ड दिखाता है।

ब्लॉग पर अच्छे नक्शे के लिए टिप्स

• हर ट्रिप रिपोर्ट में एक नक्शा, और About पेज पर एक पूरा नक्शा। साझा करने की सेटिंग्स से आप सिर्फ़ वही यात्राएँ शामिल कर सकते हैं जो पोस्ट से मेल खाती हों।
• अगर नक्शे में घर या ठहरने की जगह जैसी जगहें हैं, तो सटीक लोकेशन छिपाएँ।
• नक्शे को जगह दें। पूरी चौड़ाई वाला, लगभग 500 पिक्सल ऊँचा एम्बेड डेस्कटॉप और मोबाइल दोनों पर ठीक चलता है।