Up next in 10
How to Setup AdSense Ads on Blogger _ Boost Earning with Custom Ads (2023)
2K views
Jan 28, 2024
In this informative video titled "How to Setup AdSense Ads on Blogger - Boost Earnings with Custom Ads (2023)," viewers are guided through the process of integrating AdSense advertisements into their Blogger websites. The tutorial offers step-by-step instructions, emphasizing the latest methods and strategies for maximizing earnings through custom ad placements. With a focus on the year 2023, the content ensures that viewers stay updated on the most relevant practices for optimizing AdSense on Blogger. Whether you're a novice blogger or looking to enhance your revenue streams, this video provides valuable insights to help you effectively set up and customize AdSense ads on your Blogger platform.
View Video Transcript
0:00
Hello everyone, welcome to KeyTube blogging and in this video, I will show you how you
0:03
can set up AdSense ad to your blogger website. So here in this tutorial, I am using the Flutter Pro theme, but you can apply the same technique
0:11
with Median UI theme. And if you are using any other theme, then I have already made a video about this
0:18
You can watch this video. Now here in this video, we will discuss about how you can set up a custom ad like this and
0:25
how you can show ad in between blog post or you can show ad in the sidebar
0:31
And let me just open a blog post from here. And after landing on the blog post, you can set a ad just below the title, or you can
0:42
set ad in between the blog post. So here as you can see, there is a ad between the blog post and let's scroll down and here
0:50
you can set a ad at the last of the blog post
0:55
And let me just open this in a mobile view and let me just refresh this and you can add
1:02
a sticky ad like this in mobile view also. And if you want to show sticky ad in both desktop and mobile, then you can do that by
1:11
applying a simple trick. So let's start the video. So for this, you have to go to the blogger layout and here click on earning tab and make
1:21
sure to disconnect the AdSense if you want to lazy load your ads and if you want to show
1:28
plain ads and don't want to apply lazy load, then you can connect the AdSense from here
1:34
So after that, you have to go to the theme section and before changing anything, make
1:39
sure to take a backup of your theme. Now you have to click on the edit HTML section and here we are using the default AdSense code
1:50
So you can remove that and let's go to the AdSense dashboard and here you have to click
1:55
on the get code. Now you have to copy the publisher ID from here
2:00
So this is the publisher ID. Now you have to scroll down to the bottom and here you will see this option to add the
2:09
AdSense code. So you have to remove the comment tag like this
2:14
So just remove this comment tag at the beginning and then remove this closing comment tag
2:23
Now you have to replace the publisher ID here. Now click on save changes
2:29
Now the auto ads will be shown in your website. Okay, now you have placed the auto ad in your website
2:36
Let's go to the layout section. And here in the flitro pro theme, you get multiple ad slot where you can place your
2:44
ad like you can place an ad in the large content section
2:49
By default, there is no option to add multiple gadget here. For this, you have to go to the theme section and here click on edit HTML
3:00
And here you can search for large section or you can click on the drop down menu and
3:05
select the list. So let me just select this option, link list 00
3:11
Okay, now scroll down and here you will see this option large section, so you can set
3:18
the max wizard to three or four and you can select the show ad element from false to true
3:26
Now save the code and let's go to the layout section. Now you can place an ad like this
3:34
So for this, you have to go to the AdSense and here in the click on buy ad unit and here
3:41
you can create a display ad unit. So just click on it
3:45
Now you can set a name to this ad unit and make it responsive
3:49
Now click on create button. So here I will not create that instead I will select a display ad unit from here
3:59
And here note that you have to add this section of the code in the layout section and you
4:05
don't have to add this script. Otherwise, lazy load AdSense ad will not work properly
4:11
So just copy this section of the code and go to the layout section
4:16
Now you have to paste that code in the HTML slash JavaScript wizard
4:20
So for this demo, I have added an image here. So let me just click on show element and click on save
4:29
Now let's refresh this page. And as you can see, the ad will be shown in this position
4:36
And if you want to show ads above the blog post, then you have to go to the layout section
4:41
and here you have to click on the many ads or you can create the ad a gadget option and
4:47
here click on HTML slash JavaScript and then you have to place the ad code in this position
4:54
So let me just turn on this and click on save changes
4:59
Now let's refresh this. And as you can see, there is an ad place in this position
5:06
And if you put responsive display ad code in this position, then it may show a bigger
5:11
ad in this place. So you can limit this ad size and place a custom ad code in this position
5:18
So for this, you have to copy a code like this. And here in the display ad unit, you have to copy the publisher ID and replace it here
5:28
And then you have to change the data ad slot code that you have created in the display
5:33
ad unit. Now you have to copy the whole code and you have to place that ad code in this position
5:40
so that it will show a limited size ad in that position
5:45
So let me just show you. Here this is my website and here I have click on layout section
5:53
Now scroll down and here as you can see, this is the many ad
5:57
So here you have to add the custom ad unit like this
6:00
So you have to replace the publisher ID and the data ad slot code of your responsive display
6:06
ad unit. And here you can set the height like here I have set the height to 70px
6:13
So you can change the height to 80px or 90px. And then you have to change the line height to 80px or 90px
6:21
Now click on cancel and let's go to the layout section. And you can also place ad in the sidebar
6:28
So just click on ad gadget or click on the sticky ad option
6:32
And here you have to copy a display ad unit. Just copy this portion of the ad code
6:38
And then here you have to paste that ad code. Now click on save changes
6:43
So let me just show the demo ad here and let's refresh this page
6:49
Now scroll down and here you will see a ad section like this
6:54
Now let's check how you can place ad in the blog post. For this, go to the layout section and here click on the middle post ad 1 or middle post
7:03
ad 2. So here you have to place the display ad unit
7:08
And if you want to add the custom size ad unit, then you have to use this code and just
7:13
replace the publisher ID and ad slot code of that display ad unit
7:18
And paste the code here. Here one thing to note that sometimes this middle post ad will not show
7:27
So by default, it is set to paragraph. So if you are using div in your blog post, then it will not work
7:33
So let me just show you. So let me just open a blog post from here
7:40
And here click on this paragraph. So if this, if your text are set to paragraph, then the middle post ad will show
7:48
And if this text is set to normal, then the middle post ad will not show
7:54
So you can easily fix this by go to the edit HTML section
8:02
Now click on blank area and type control plus F. Now search for middle post ad
8:10
Now you will see an ad code like this. And if you are using paragraph, then you don't need to change anything
8:16
And if you are using normal in the blog post, then here you have to change the P to div
8:22
so that it will show the middle post ad properly. And you can do the same with the second middle post ad
8:29
Now let's check how you can set up in feed ad in the flitro pro theme
8:34
So for this, your type control plus F and search for in feed
8:41
Now you will see this option in feed ad. So you have to create a in feed ad unit in your AdSense dashboard, and then you have
8:49
to copy the publisher ID and the ad slot code. Now you have to remove the comment tag from here
8:58
And then remove the closing comment tag. Now you have to replace the publisher ID here and here you have to replace the data ad slot code
9:09
After that, your in feed ad will show properly. Now let me just search for this again
9:15
Now you have to search for in feed again. So let me just type control plus F and search for in feed
9:22
So just add a dash between the in feed option like this and then click on enter
9:33
Now you will see a code like this. So here you have to remove the comment tag
9:38
So just remove this. Now remove the closing comment tag. Now you can set the number of posts after which the in feed ad will show
9:49
So by default, the first ad will show at number two position and then second ad will show
9:55
after number five post. So you can change this post like you can set three or six so that it will show the in feed
10:03
ad after three post and the second ad will be shown after six post
10:10
Now let's search for in feed ad again. Now you can set top article ad
10:19
So let me just remove the comment tag from here. And here you can change the publisher ID and the ad slot code of the top article ad
10:29
And you can do the same with the bottom article ad. Just remove the comment tag from here and then remove this closing comment tag and then
10:39
change the ad slot code and the publisher ID. And you can also implement match content ad in your Flutter Pro theme
10:48
So you have to just add the publisher ID and the data ad slot code
10:54
Now let's check how can add sticky ad sense code in your Flutter Pro theme
10:59
So for this scroll down and here you will see this option sticky ad
11:04
So let me just remove this comment tag here and then remove the closing comment tag
11:13
Now you have to change the publisher ID and the data ad slot code in the sticky ad code
11:18
and the sticky ad will be shown in your website properly. And if you are using any other theme, then you can watch this video to implement sticky
11:28
footer ad in your website. Now you have completed the all ad sense slot in website
11:34
So let me just go to the homepage. And as you can see, you can implement a custom horizontal ad in your blogger website or you
11:44
can place a sidebar ad or you can place ad in between blog post
11:49
And if you are using any other theme, then you can watch this video to set up your ad
11:54
sense ad in blogger website. And if this video helped, then make sure to hit the like button
12:00
And if you have any doubt regarding this, you can ask me in the comment section
12:04
I will try to help you as soon as possible. And if you are new to this channel, then consider subscribing for more upcoming videos like this
12:12
I will see you in the next video. Thank you
#Business & Industrial
#Internet & Telecom