आप अपनी वेबसाइट की सामग्री का मुद्रीकरण करने के लिए Google AdSense विज्ञापनों का उपयोग कर रहे हैं, लेकिन क्या आप जानते थे कि आप अपने वेब पृष्ठों पर एम्बेड किए गए किसी भी Google मानचित्र को मुद्रीकृत करने के लिए एक ही ऐडसेंस प्रोग्राम का उपयोग भी कर सकते हैं। आप एक Google मानचित्र एम्बेड कर सकते हैं और ऐडसेंस विज्ञापनों को स्वचालित रूप से मानचित्र के अंदर परोसा जाएगा जो या तो पृष्ठ की सामग्री के लिए प्रासंगिक रूप से प्रासंगिक होगा या आगंतुकों के स्थान के आधार पर लक्षित होगा।
नीचे एम्बेड किए गए Google मानचित्र ब्लॉक में मानचित्र के शीर्ष-केंद्र क्षेत्र के पास स्थित एक आयताकार AdSense विज्ञापन इकाई शामिल है। मैं एक वेबसाइट का एक और उदाहरण कहां हूं जो विज्ञापनों के साथ Google मानचित्र को एम्बेड करता है।
# google-maps {चौड़ाई: 100%; ऊंचाई: 300 पीएक्स; सीमा: 4 पीएक्स ठोस प्रकाश व्यवस्था; मार्जिन: 15 पीएक्स 0; पैडिंग: 0; } फ़ंक्शन शो GoogleMaps () {var mapOptions = {center: new google.maps.LatLng (38.8977, -77.036), ज़ूम: 14, ज़ूम नियंत्रण: झूठी, पैनकंट्रोल: झूठी, सड़क दृश्य नियंत्रण: झूठी, मानचित्र टाइप नियंत्रण: झूठी, mapTypeId: google.maps .MapTypeId.ROADMAP,}; var map = new google.maps.Map (document.getElementById ('google-maps'), mapOptions); var विज्ञापन = ' '; var adNode = document.createElement ('div'); adNode.innerHTML = विज्ञापन; map.controls [google.maps.ControlPosition.TOP_CENTER] .push (adNode); google.maps.event.addListenerOnce (मानचित्र, 'tilesloaded', फ़ंक्शन () {(adsbygoogle = window.adsbygoogle || [])। पुश ({});}); } google.maps.event.addDomListener (विंडो, 'लोड', showGoogleMaps);
Google मानचित्र आपको अपनी वेबसाइट पर मानचित्र एम्बेड करने का एक आसान विकल्प प्रदान करता है लेकिन डिफ़ॉल्ट एम्बेड कोड मुद्रीकरण की अनुमति नहीं देता है। विज्ञापन सक्षम करने के लिए आप Google मानचित्र API का उपयोग कर अपने आप मानचित्र बनायेंगे और यह भी मुश्किल नहीं है। मुझे आपको कुछ आसान कदम में दिखाने दो।
प्रारंभ करने के लिए, Google AdSense वेबसाइट पर जाएं और एक नई विज्ञापन इकाई बनाएं। आप विज्ञापन इकाई (सफेद पृष्ठभूमि) के लिए डिफ़ॉल्ट रंग योजना चुन सकते हैं और आकार के लिए उत्तरदायी चुन सकते हैं। उत्तरार्द्ध कोई फर्क नहीं पड़ता हालांकि विज्ञापन इकाई कंटेनर मानचित्र के अंदर स्वचालित रूप से फिट हो जाएगी।
इसके बाद, अपने वेब टेम्पलेट में कहीं भी निम्नलिखित Google मानचित्र एम्बेड कोड कॉपी करें।
आप अपनी वेबसाइट लेआउट फिट करने के लिए Google मानचित्र की ऊंचाई और चौड़ाई को प्रतिस्थापित कर सकते हैं जबकि स्थान के अक्षांश और देशांतर को # 11 में बदलना होगा। अंत में, एम्बेड कोड में xxxx और yyyy क्रमशः आपके AdSense प्रकाशक आईडी और विज्ञापन स्लॉट आईडी के साथ प्रतिस्थापित किया जाना चाहिए। आप इन मानों को AdSense द्वारा जेनरेट किए गए एम्बेड कोड में पा सकते हैं।
यदि आप जावास्क्रिप्ट के साथ बेवकूफ़ बनाने के लिए तैयार हैं, तो आप एम्बेडेड मानचित्र को कस्टमाइज़ करने के लिए और भी विकल्प चुन सकते हैं।
उदाहरण के लिए, आप आसानी से ऐडसेंस विज्ञापन इकाई की स्थिति को Google मानचित्र के अंदर TOP_CENTER (लाइन # 28) से BOTTOM_CENTER या कुछ और में बदल सकते हैं।
इसी प्रकार, आप रोडमैप से सैटेलाइट या हाइब्रिड से एम्बेडेड मानचित्र का डिफ़ॉल्ट दृश्य बदल सकते हैं। Google मानचित्र के अंदर विभिन्न नियंत्रण - जैसे सड़क दृश्य पेगमैन, ज़ूम स्लाइडर, पैन कंट्रोल - मानचित्र के अंदर संबंधित गुणों को सेट करके आसानी से छुपाया जा सकता है या एक अलग स्थिति में स्थानांतरित किया जा सकता है। ऑब्जेक्ट ऑब्जेक्ट।
यह भी देखें: Google मानचित्र सड़क दृश्य एम्बेड करें
