How to Add Responsive Sticky Footer Ads on WordPress : Adsense ब्लॉगिंग का एक प्रमुख हिस्सा है और CPC और CTR भी, हमारे दैनिक राजस्व को बढ़ावा देने के लिए दो और महत्वपूर्ण चीजें हैं, Sticky Footer Ads हमारे CPC औरCTR को बढ़ाने में मदद करते हैं।
अब बस WordPress और ब्लॉगर पर Responsive Sticky Footer Ads जोड़ने के लिए चरणों का पालन करें। साथ ही, मैं अपनी वेबसाइटों पर इन कोड्स का उपयोग कर रहा हूं और रिस्पॉन्सिव स्टिकी फूटर विज्ञापन डालने के बाद मुझे अच्छे परिणाम मिल रहे हैं।
What is a Sticky Ad?
जैसा कि नाम से पता चलता है कि Sticky Ad ऐसे विज्ञापन होते हैं जो उपयोगकर्ताओं द्वारा पृष्ठ पर स्क्रॉल करने के बावजूद वेबसाइट पर एक निश्चित स्थान पर टिके रहते हैं। इस तरह, Sticky Ad को बेहतर प्रदर्शन मिलता है और Visitors का ध्यान आकर्षित होता है।
आप इस स्टिकी विज्ञापन में सबसे अधिक विज्ञापन इंप्रेशन भी प्राप्त कर सकते हैं। “anchor Ads“ नामक ऐडसेंस की ऑटो विज्ञापन सेटिंग में पहले से ही एकSticky Ad feature है।
लेकिन हम इसे कस्टमाइज़ नहीं कर सकते हैं और अपनी पसंद के अनुसार विज्ञापन प्रदर्शित नहीं कर सकते हैं। इसलिए इस लेख में मैं आपको वर्डप्रेस में स्टिकी फूटर विज्ञापन जोड़ने का सबसे आसान तरीका दिखाऊंगा।
कुछ लोगों ने इसे बॉटम स्टिकी विज्ञापन या फ्लोटिंग विज्ञापन भी कहा।
उपयोगकर्ता विज्ञापन के ऊपर क्रॉस बटन पर क्लिक करके दिखाए गए विज्ञापन को आसानी से खारिज कर सकते हैं। इस तरह, आप उपयोगकर्ता अनुभव को इतना प्रभावित किए बिना अधिक आय प्राप्त करेंगे।
यहां, एक बात ध्यान देने योग्य है कि इन विज्ञापनों के ऊपर किसी भी क्लिक करने योग्य आइटम का उपयोग न करें और यह बाकी सामग्री से अलग होना चाहिए। आप स्टिकी विज्ञापनों पर ऐडसेंस दिशानिर्देश देख सकते हैं।
How to Add Responsive Sticky Footer Ads on WordPress
बस आपको WordPress पर Sticky Footer Ads लगाने के लिए अपनी Ads Unit के साथ कुछ Codes का उपयोग करना होगा। आपको दो प्रमुख चरणों का पालन करना होगा।
Step -1: अपने Adsense dashboard में लॉग इन करें और एक responsive Display ad unit बनाएं।
Step -2: अब publisher id और data ad slot code को कॉपी करें और इसे नीचे दिए गए कोड में बदलें।
<div class='sticky-ads' id='sticky-ads'><div class='sticky-ads-close' onclick='document.getElementById("sticky-ads").style.display="none"'><svg viewbox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div><div class='sticky-ads-content'><ins class="adsbygoogle" style="display:inline-block;height:70px;width:100%;line-height:70px;" data-ad-client="ca-pub-xxxxxxxxxxxxx" data-ad-slot="xxxxxxxxx"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><style>.sticky-ads{ position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; padding: 5px 0; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; display: flex; align-items: center; justify-content: center; background-color: #fefefe; z-index: 20; }.sticky-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill: #000; } .sticky-ads .sticky-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px;</style>
Step- 3: अब Appearance > theme editor > Footer.php फाइल पर जाएं और टैग सर्च करें।
Step-4: इसके ठीक ऊपर कोड पेस्ट करें और फाइल को अपडेट करें।
अब आपकी wordpress website पर Sticky Footer Ads दिखाए जाएंगे। आप वेबपेज को गुप्त मोड में खोलने का प्रयास कर सकते हैं यदि यह काम कर रहा है या नहीं।
प्लगइन का उपयोग करना
How to Add Responsive Sticky Footer Ads Using Plugin
यदि आप Theme Code को Edit नहीं करना चाहते हैं तो आप एक Code management plugin का उपयोग कर सकते हैं जो आपको Header और Footer section में कोड जोड़ने देता है।
इसके लिए, मैं “WPBeginner” द्वारा “Insert Headers and Footers” प्लगइन का उपयोग करना पसंद करता हूं। यह wordpress में एक फ्री कोड मैनेजमेंट प्लगइन है।
आप इस कोड पर display rules भी सेट कर सकते हैं, जैसे केवल डेस्कटॉप या मोबाइल में दिखाएं, केवल होमपेज या पोस्ट पेज में लोड करें, आदि।
ब्लॉगर पर Responsive Sticky Footer Ads दिखाने के लिए इन चरणों का ध्यानपूर्वक पालन करें, मुझे लगता है कि ये तरीके आपके लिए काम करते हैं।
अगर आपको कोई समस्या है तो नीचे कमेंट करें, आप अपनी शंका भी पूछ सकते हैं, अगर आपको पोस्ट अच्छी लगी हो तो इसे अपने दोस्तों के साथ शेयर करें।
साथ ही, मुझे बताएं कि Responsive Sticky Footer Ads आपकी क्लिक-थ्रू दर (सीटीआर) में सुधार करता है या नहीं।
0 Comments