Up next in 10
How to Setup Custom AdSense Ad Unit in Blogger _ Increase AdSense Earning
2K views
Jan 28, 2024
The video titled "How to Setup Custom AdSense Ad Unit in Blogger: Increase AdSense Earning" is a tutorial aimed at Blogger users looking to optimize their AdSense earnings by setting up custom ad units. The tutorial provides step-by-step guidance on creating and implementing custom AdSense ad units within the Blogger platform. Viewers will learn how to strategically place these customized ad units to maximize visibility and engagement. By the end of the tutorial, Blogger users should have the knowledge and skills to enhance their AdSense earnings by effectively incorporating custom ad units that are tailored to their website's layout and content.
View Video Transcript
0:00
Hello everyone, welcome to K2 blogging and in this video I will show you how you can
0:03
set up your AdSense account to your blogger website and set up manual ad unit and auto
0:09
AdSense in your blogger website. So this is a blogger website and this website just got approval in AdSense and let's check
0:18
how you can add manual ad unit in this blogger website. So first of all go to your AdSense account and click on add section
0:27
Now make sure to paste this code in your add section of your website so that the auto
0:33
AdSense code will work. And if you want to lazy load the AdSense for better paste speed, then I recommend you to
0:40
watch this video. In this video, I will show you how you can lazy load your AdSense ad and improve the
0:46
blog loading speed. Otherwise you can use the default ad code in your add section
0:52
So let's click on done and let's check how you can set up the auto ads in your website
0:57
So click on this edit button and here as you can see the auto ad is enabled
1:03
So make sure to turn on this auto ad and click on the optimizing your existing ad so that
1:08
it will better optimize the ad unit and boost your revenue. Now click on add format and turn on the in page ads so that ad will show in your blog
1:19
post and other pages and turn on the match content ads. You can also enable anchor ads in your website so that it will show a sticky ad at the top
1:29
or the bottom of your website. But this ad doesn't look good
1:34
So I recommend you to implement the sticky footer ad that will boost your revenue and
1:40
add a sticky ad at the bottom of your website. Now turn on the vintage ad and widescreen ad
1:48
Now click on add load. Here you can manage the number of ads that will show in your website
1:53
So if you set it to max, then the full number of ads will show, but it will degrade the
2:00
user experience. So I will set it to something like that. Now click on apply to sites and click on save
2:11
Now the auto adsense is applied. Now click on the global setting and click on this button
2:17
So the adsense will automatically optimize the size of your mobile ads
2:21
Now click on the ad unit and here you can create different ad unit to your website and
2:27
display manual ads in your website. So let's start with the display ads
2:33
So before that, let's go to the blogger dashboard and here click on layout
2:39
So here you have to paste the manual ad unit. So let's add an ad section in the sidebar
2:45
So click on ad gadget and here click on HTML JavaScript. Now go to your adsense dashboard and here click on display ad unit
2:56
Let's name it like sidebar, sidebar responsive. Now click on create button
3:07
Now it will show a code like this. So click on the copy code snippet and go to the layout and paste this code
3:16
Now click on save. Now the sidebar ad unit is added. So let's check
3:22
So let's open a page from here. So I will click on this page and it will show a sidebar ad in this section
3:31
And as you can see, the ad is showing. In some cases, it will take some time to show the ads in the sidebar
3:39
And here as you can see, this is the auto ad unit that is showing and there is no other
3:45
ad except a manual ad in the sidebar. So let's go to the adsense and click on done
3:54
Now let's take another ad section. So let me just add a post ad one in this blog post so that it will show an ad section below
4:03
the title. So to do this, go to the adsense and click on the display ad unit or you can select the
4:10
in article ad unit. So here in this case, I will select display ad unit and I will name it like post ad one
4:21
Now click on create. Now let's copy the code snippet and go to the blogger dashboard and here click on the ads
4:32
Now paste this code. Now click on save. Make sure to turn on this wizard so that it will show the ads
4:43
Now go to the adsense again and I will create a in article ad section
4:48
So click on this. Click on get started. Now I will select my font
4:54
So I will select adsense default and let's name it ad unit like post ad two
5:04
Now click on save and get code. Now it will ask you to paste the adsense code in your website
5:11
So let's copy the code snippet and go to the blogger layout and let's click on the post
5:17
ad two and let's turn on this and paste this code. Now click on save
5:26
Now go to the adsense again. Here as you can see, it may take 20 to 30 minutes to show ads in your website
5:33
So let's click on I have finished. Now we have added the sidebar ad post ad one and post ad two
5:40
Now let's check how the ad slot looks like. So let me just open another post
5:47
So click on this post and you can see there is a ad slot below the title and you will
5:54
see a ad slot above the share button just below the content
6:00
So in this way you can add post ad one and post ad two in your website
6:06
So it will take some time to show the ads. So let's wait
6:10
Okay, as you can see, the ads are showing now and here this is the post ad one and when
6:16
I scroll down and you will see a section like post ad two
6:21
So let's edit this post section. So by default, this ad unit will take up a larger section of your blog post
6:30
So let's check how we can limit this ad size and add a custom ad unit in this section
6:37
So it will not look good and doesn't improve the user experience
6:42
So let's check how we can add a horizontal ad unit in this place
6:46
So to do this, go to your blogger layout and scroll down and here click on the post ad one
6:54
Now you have to replace this code with a custom code. So let me just show you this is the custom code and here you have to add the publisher
7:02
ID and the ad slot code. So let me just quickly replace this publisher ID
7:08
So I will select the publisher ID and replace it here. Now let's copy the ad slot code and replace it here
7:26
Now copy this whole code and if you are using lazy load, then you have to paste this section
7:34
only and if you are not using lazy load, then you can leave this code
7:39
So here in this case, I will select this section only and I will replace this code
7:47
Now click on save. Now click on refresh. Now you will see a small horizontal ad slot below the title and it will not take up the
7:59
larger portion of your blog post and it will improve the user experience
8:04
So the ads will take some time to show in this post
8:08
So let's wait. Okay, as you can see, the ad slot size is now decreased to 70 pixels
8:15
So here click on the post ad one and here as you can see, we have set the height to
8:23
70 pixels. So you can change the size to 90 pixels or according to your preference
8:30
And in this way, you can display a small horizontal ad just below the title
8:34
So let me just open this in a mobile view, click on inspect element and let's refresh
8:41
this page. Okay, as you can see, the ad unit will look good in mobile devices and it will not take
8:48
a larger portion below the title. So in this way, you can improve your user experience in your website
8:55
Now close this and let's go to the blogger layout. So let me just cancel this
9:02
You can also add a header ad unit in this section. So let me just click on the header ad and go to the AdSense dashboard
9:10
And here I will select the display ad unit and I will name it to header ad
9:17
Now click on create. Now let me just quickly copy the publisher ID and replace it here
9:29
Now let me just copy the ad slot code and replace it here
9:39
Now I will copy the whole code from here and go to the blogger layout
9:47
Now let me just paste this code as I am not using the lazy AdSense code in this website
9:53
So let me just copy the above script from here. And here I will paste this script just above this code
10:06
Now let's save this. Let me just click on this button and let's click on save
10:17
Now visit the blog again. Okay, now it will show an ad section in this area
10:24
And when I open a blog post, it will show the ads in this section
10:29
So in this way, you can add a header ad to your website and make it horizontal and it
10:36
will not take much space in this section. I hope you got the idea how to implement different ad unit to your blogger website and add custom
10:46
ad slot in blog post. And if you have any doubt regarding this, then you can ask me in the comment section
10:52
or you can join our telegram community and the link will be given in the description
10:57
And if this video helps, then make sure to like the video. And if you are new to this channel, then consider subscribing for more upcoming videos like this
11:06
I recommend you to watch this video. Here you will learn how to lazy load AdSense and improve the blog loading speed
11:13
And here in this video, I will show you how you can implement a bottom sticky ad to your
11:18
blogger website and improve the earning. I will see you in the next video
11:22
Thank you
#Blogging Resources & Services