How to Add Sticky Footer Ads on WordPress

How to Add Sticky Footer Ads on WordPress and Blog Without any Plugin

How to Add Sticky Footer Ads on WordPress and Blog Without any Plugin – इस लेख में, मैं आपको बताऊंगा कि बिना प्लगइन के ब्लॉग और वर्डप्रेस में फुटर स्टिकी विज्ञापन कैसे लगाते है? बॉटम स्टिकी विज्ञापन का लाभ, आप जिस भी पेज पर जाएंगे, वह नीचे उपलब्ध होगा। एक मौका है कि आपकी ऐडसेंस कमाई और सीटीआर निश्चित रूप से बढ़ जाएगी।

इस बिज्ञापन से अधिक संभावना है कि आपको फ़ुटर स्टिकी विज्ञापनों पर अधिक क्लिक प्राप्त होंगे क्योंकि जब भी कोई विज़िटर आपकी वेबसाइट पर आएगा तो वे ब्यक्ति को विज्ञापन तब तक स्थायी रूप से नीचे दिखाई देगा जब तक उपयोगकर्ता इसे मैन्युअल रूप से बंद नहीं कर देता।

लेकिन आपको अब इसके बारे में चिंता करने की आवश्यकता नहीं है क्योंकि इस लेख में पूरा जानकारी साझा की गई ट्रिक इन सभी आवश्यकताओं को पूरा करती है, और इससे AdSense के लिए कोई समस्या नहीं हो सकती है। और आपको नहीं समझ में आता तो आप इस वीडियो को भी देख सकते है !

Benefits of Sticky Footer Adsense Ad

यह मेरा व्यक्तिगत अनुभव हैं कि Adsense द्वारा Link ads को हटाने के बाद बहुत से लोगों को कमाई ड्रॉप डाउन की समस्या का सामना करना पड़ा। लेकिन, जब मैंने वर्डप्रेस में स्टिकी फूटर विज्ञापनों को लागू किया, तो मुझे कुछ अधिक कमाई होने लगें।

आइए एक नजर डालते हैं स्टिकी फूटर एडसेंस के फायदे पर।

  • Close Button
  • Increase viewability of Google ads
  • More Ad earnings
  • No Plugin Required
  • Boost AdSense CTR & CPM
  • It is possible to personalize it to allow users to dismiss or close advertisements and Keep reading articles.

Sticky CSS Ad Code

Note:- आप अपने वेबसाइट का पहले बैकअप ले ले ताकि अगर आपके वेबसाइट में कोई दिकत आये तो आप फिर बैकअप इनस्टॉल कर सके !

Step 1: Log in to your WordPress Dashboard > Take a Backup
Step 2: Navigate to Appearance > Customize > Additional CSS > Paste Below code > Publish

.NR-Ads { position: fixed; bottom: 0px; left: 0; width: 100%; min-height: 70px; max-height: 90px; padding: 5px 5px; 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; } 
 
.NR-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); } 
 
.NR-Ads .NR-Ads-close svg { width: 22px; height: 22px; fill: #000; } 
 
.NR-Ads .NR-Ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px; }

Sticky Footer HTML Code + Adsense Ad Code

Step 3: Log in to AdSense > Ads > Create a Fixed Display Ad Unit (width:- 728 height:- 90) > Copy Ad Code
Step 4: Navigate to Appearance > Theme Editor > Footer.php > Paste below code by replacing with Ad Code before </body> or </html>Tag> Update File

<div class='NR-Ads jhfdiuh0' id='NR-Ads'>
<div class='NR-Ads-close' onclick='document.getElementById(&quot;NR-Ads&quot;).style.display=&quot;none&quot;'><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='NR-Ads-content'>
<center>
Your Ads Code Here....
</center>
</div>
</div>

Footer Sticky Ads in WordPress Bolg Website – Sticky Ads kaise lagaye – Ranjan Kushwaha

How to Add Sticky Footer Ads on WordPress and Blog Without any Plugin

इस आर्टिकल को यही पे समाप्त करते है अगर आपको समझ में नहीं आया हो तो आप वीडियो को देख सकते हैं

Read More:-

How to Add Sticky Footer Ads on WordPress and Blog Without any Plugin, How to Add Sticky Footer Ads on WordPress and Blog Without any Plugin, How to Add Sticky Footer Ads on WordPress and Blog Without any Plugin, How to Add Sticky Footer Ads on WordPress Website,

how to create a sticky floating footer bar in wordpress, sticky footer wordpress, simple sticky footer, wp sticky footer plugin, sticky footer adsense, sticky ads wordpress plugin, sticky form wordpress plugin, sticky banner wordpress,

Leave a Comment

Your email address will not be published. Required fields are marked *