Up next in 10
How To Add Responsive Footer Sticky Ads in WordPress Without any Plugin [Updated]
377 views
Jan 26, 2024
The video titled "How To Add Responsive Footer Sticky Ads in WordPress Without any Plugin [Updated]" provides a step-by-step guide on integrating responsive footer sticky ads into a WordPress website without relying on any third-party plugins. The tutorial aims to empower WordPress users with the knowledge and skills to implement this feature on their own, ensuring that footer ads remain visible and adapt to various screen sizes. By offering an updated approach, the video caters to users seeking a plugin-free solution for enhancing the advertising strategy on their WordPress sites.
View Video Transcript
0:00
Hello everyone, welcome to K2 blogging and in this video I will show you how you can
0:04
add a bottom sticky ad in your WordPress website. So bottom sticky ad help you improve your click through rate and improve your earning
0:12
And you can easily implement the sticky floating ad by adding a simple code in your theme editor
0:18
So as you can see, I have already added a sticky ad at the bottom and user can easily
0:24
close this ad by clicking on this button. So let's check how you can add the sticky ad to your WordPress. website
0:31
So for this you have to go to your AdSense dashboard and here you have to create an ad unit
0:37
So let me just click on Display Ad Unit and I will name the ad unit like bottom sticky
0:45
ad and here you can mention the website name. So let me just leap it like this and let me just click on Create button
0:56
Now you have to copy the data ad slot code and the publisher ID
1:01
So before that let's go to the dashboard and here click on Apparel section and then click
1:07
on theme editor. Now you have to search for footer. So here it is footer
1:16
Php and then you have to search for closing body tag. So just click on Enter after the closing body tag and you have to paste the box
1:25
you have to paste the code just above the closing body tag
1:29
Now let's open this Noteped file and we have to replace the publisher ID and data ad slot code
1:38
So let me just go to the AdSense and let me just copy the publisher ID here and let me just replace the publisher ID like this And let copy the data ad slot code and
2:04
And here you have to paste the code just above the closing body tag
2:12
And let's click on update file. Okay, now the sticky footer ad is added to our WordPress website
2:21
Let me just open the website in an incognito mode and let's click on Enter
2:29
And as you can see, the ad is showing now. Let me just open a blog post here and as you can see sticky bottom ad is showing and it is
2:40
also responsive so let me just open it in mobile view and let me just refresh this page
2:49
and scroll down and here as you can see the sticky bottom ad is now showing. So in this way you
2:55
can add the sticky bottom ad to your WordPress website with a single code. So here one thing to note
3:03
that you have to shift this back to top button to the above or you can simply hide the
3:09
back to top button otherwise it may create conflict with your AdSense ad
3:15
So for this I will go to the WordPress dashboard and let's go to the Customizer
3:22
And here I will click on general setting and I will click on scroll to top and I can simply turn this scroll to top button off
3:37
Now click on publish and this scroll to top button will be gone
3:43
You can also paste the code in the custom script tab or you can simply add another plugin that
3:50
will help you manage your codes and help you add codes in your footer section or help you add codes
3:55
or header section. So as I am using the Cadence Pro theme, Cadence Pro theme has a feature to add custom script
4:02
inside the customizer. So I can simply paste that code in the footer section
4:08
So let me just show you, let me just go to the dashboard again and let me just go to the
4:15
theme editor. And let me just click on putter. Let's scroll down and here I will remove that code from this
4:31
Like this I will remove this code and let me just update this code
4:37
Now I have to go to the customizer and I have to paste that script in the footer section
4:43
So in this way you don't have to edit the theme code and you can simply use a code manager
4:48
plugin to paste the code in your footer section. Now let's click on publish and now let's open the incognito tab and let me just refresh this page
5:02
And as you can see the sticky putter ad is still showing and the back to top button is
5:10
gone So I hope you got the idea how to add the sticky footer ad in your WordPress website And if you are not using Cadence Pro theme then you can simply add this code using a code manager plugin
5:25
So let me just show you how to do that. So for this you have to go to the plugin section and let's click on Add New
5:33
And search for code manager. And here you can install this plugin and you can simply paste that code in the footer section
5:48
So let me just click on install now. Now let's click on activate
5:59
Now the header footer plugin is activated. Let me just open this plugin
6:05
So just click on setting and let's click on add new snippet
6:10
And here you can set a name to the snippet and here you can select the HTML and here you
6:19
can select the header section or footer section. So I will click on footer and I will paste that code here
6:26
And you can also create a separate snippet and paste the CSS code
6:32
So this is basically the CSS code and this is the HTML code
6:37
I hope you have already implemented the sticky footer. add in your WordPress website and if you have any doubt regarding this, then you can ask me
6:44
in the comment section and don't forget to join our Telegram group where we discuss
6:48
about blocking an SEO. And if this video is helpful for you, then make sure to hit the like button and do subscribe
6:55
to our channel for more upcoming videos like this and I will see you in the next video
7:01
Thank you