Up next in 10
How to Add Middle Article Ad in Blogger _ Google Adsense
3K views
Jan 24, 2024
This tutorial video provides a step-by-step guide on how to add a middle article ad in Blogger using Google AdSense. Released in 2023, the content offers practical insights and clear instructions on optimizing ad placement within blog articles. Whether you're a blogger or website owner aiming to maximize revenue through ad placements, this tutorial demonstrates the process of incorporating a strategic mid-article ad for better visibility and engagement. Learn how to seamlessly integrate Google AdSense ads within your Blogger content to enhance monetization and improve the overall user experience on your website.
View Video Transcript
0:00
Hi everyone, this is Abhishek from Qtube blogging and in this video I will show you
0:04
how you can place manual ad in your article. So here I am talking about the middle article ad
0:10
that you can place after second paragraph or fourth paragraph or after 10th paragraph
0:15
So you can place manual ad unit in your articles by following this video
0:20
So the process is a little bit of complicated. So you need to watch the video till the end and
0:26
follow the each steps mentioned in this video. So let's start adding the manual ad unit in our
0:33
blogger website. So for this, I am going to use this website and as you can see that I have added
0:38
a sample ad code here. So we are going to place ad in between the article. So for this, let's go to
0:47
the blogger dashboard and before changing anything, make sure to take a backup of your theme. So in
0:53
case if you do any mistake, you can easily restore it back to the original position. So just go to
1:00
the theme section here and after taking backup, just click on the edit HTML and here you need to
1:06
find the section where you want to add the manual ad unit. So here in this case, middle article ad
1:14
So for this, I will click on this button and I will click on this block one. So let me just
1:19
show you where this wizard will place. So here you can see that this is the blog post
1:26
where the main article content like authors and everything shows up here. So we need to
1:32
place the ad wizard just after it, just after the blog post. So for this, I will go to the theme
1:38
here and I will click on edit HTML and I will click on here and I will click on the block one
1:45
here. Here it is. And here as you can see that this is the wizard ID block one. So we need to
1:53
find this section in the theme and after that I will click on this arrow button here like this
2:00
and I will hit enter here and I will place my ad code here. So for this, let me just copy a code
2:10
like this. So this is a wizard. So we need to copy this wizard code here and I will paste that
2:17
wizard code here. So basically we are adding another wizard just after this. And as you can
2:24
see that in this main section, the max wizard allowed here is one. So we need to change it to
2:31
something like four and make sure to keep this show ad element to yes if it is false. Okay. Now
2:40
we have added the second wizard in that section. We need to change some settings. So let me just
2:47
save this code first. The code is now saved, but in some cases the code might not be saved
2:52
because of duplicate IDs or something. So let me just click on here, block one here
2:58
And let me just click on the arrow after this wizard. And then as you can see that we have
3:05
added the second wizard code here. So here, if this code is not saving, then you need to change
3:14
this ID HTML01. So you can change it to something like HTML001 or HTML55 or 65, something like that
3:24
And after adding the unique ID, the code will be saved in your theme
3:28
Okay. Now let me just go back here and I will click on layout here. And as you can see that
3:34
we have added the middle post ad one here just after the blog post. So here we need to change
3:41
one more thing here. So you need to open a blog post and right click on it and click on inspect
3:48
here. And after inspecting, you need to find the post body. So I will click on this button
3:54
and I will select the whole post content here like this. And here there is a class like deep
4:02
post body entry content, and here the ID is post-body. So I need to copy this ID. So this
4:09
ID may vary from theme to theme. So you need to identify the ID of your theme, and then you need
4:16
to go to the theme section here, again, go to the edit HTML. Again, I will click on the block one
4:23
here. And after the block one, we have added that wizard here middle post ad one. So here in the
4:31
script section, you need to change that ID. So I can change this ID here. If you don't change this
4:38
ID, this code will not work in your theme. And basically the work is done. And there is one more
4:45
settings. And here this is the paragraph. So we need to assign the paragraph or div tag to show
4:52
after fifth paragraph or sixth paragraph. So here it is set to 15 paragraphs. So let me just change
4:58
it to second paragraph. And it will show after the second paragraph. And if you are using div tag in
5:06
your post, then you have to change this paragraph to div like this. But in this case, let me just
5:13
keep it as paragraph p tag. And I have added the second paragraph here like this. Now let me just
5:20
save this code here. Okay, now the code is saved. Let me just go to the layout section here
5:28
And here it is middle post ad one. So let me just click on here. And I need to replace the code with
5:35
my own AdSense code. So let me just copy that sample code here. So let me just copy all code
5:43
from here. And I will click on edit and let me just paste it here. Let's save the code. Okay
5:51
now we have added the code. Let me just go to the post here. And as you can see that there is no ad
5:56
showing in between post. So let me just refresh this page. And as you can see that our advertisement
6:04
is added after the second paragraph. So this is the first paragraph and this is the second paragraph
6:10
But let me just go to the homepage here. And let me just open another blog post. And as you can see
6:17
that it is showing after the second paragraph. And let me just open a different post here
6:25
And as you can see that it is again showing after the second paragraph. So in this way
6:29
you can add a middle article ad in your blog or website. And what if you want to add multiple
6:35
ad slot in your theme, then you can also do that. So here one thing to note that you need to use the
6:42
paragraph instead of the div class. So if you open in the blog post, and if I select this element
6:49
the paragraph is set here. But if you are using something like normal, then it will not show the
6:56
ad. So you need to find if you are using normal, then you have to change it with div. And if it is
7:02
paragraph, then you have to add it as paragraph. So here the code is so here you need to change the
7:08
tag name, you can display after paragraph or you can display after div tag. So here I'm using the
7:15
paragraph that's why I'm set the p tag here. And if I go to the second post here, and here as you
7:24
can see that that is div tag used here that's because we have set the normal instead of the
7:29
paragraph. So in this case, the code will not work properly. So as you can see that if I select
7:35
this one, it is showing normal and if I scroll down it is showing the paragraph and this then
7:41
again it is normal and then again it is normal. So let me just change this section to paragraph
7:49
So let me just do that. And let me just update this post. Let's go back and let me just view
7:57
this post here. And here it is. So the ad code is showing like this. That's because this is the
8:05
normal section here. This is the paragraph tag used here, then again it is set to normal and
8:11
again it is used for paragraph. So it will show after the second paragraph. So if you are using
8:17
div tag, then make sure to change this tag element to div and if you are using paragraph throughout
8:23
the blog post, then you can set it as p tag. So let's check how you can add multiple ad slots in
8:29
your theme. So for this, I will go to the theme section here and I will click on edit HTML
8:35
Now I will click on here and I will click on the block one here. So this is the main section
8:41
as you can see that this is the main section here. So let me just hit space here and I will click on
8:48
this arrow button again and I will scroll down here and I will search for that section. So I will
8:56
click on here and after the block one, I will click on HTML01. So this is the wizard here
9:03
So I need to copy this wizard code from here like this and the wizard code ends here
9:11
And let's copy it again and I will hit space here. So we need to paste the code just before
9:18
the closing B section. So let me just do that here. And here I need to change some settings
9:28
like here I can change the middle post ad to middle post ad 2 and then I will change the ID to HTML02
9:38
and I will scroll down here and I will change the HTML to HTML02 and I will change these
9:46
number of elements to 4. So the ad will show after the fourth element and I will change the middle
9:54
ad to middle ad 2 and show ad 012, show ad 2. And there is one more time we need to change this one
10:03
middle ad to middle 02 like this. And there is one more time we need to change this show ad 012
10:12
so basically we need to change the 01 to 02 everywhere. So there is some times like here
10:19
there is a middle ad 2. So we need to change from 01 to 02 and then you need to change the ID from
10:27
01 to 02 and then you need to change the show ad 01 to 02 and there is one more time
10:35
So we need to change it to 01 to 02 and there is this section. So change it to 01 to 02 and we have
10:45
added the second section. And if you want to add more section then you need to again copy this
10:51
wizard code here like this. And I will copy and paste it here. And I will do the same
10:59
I will change the ID to html03. And let's change the middle post ad to middle post ad 3
11:07
And then again I will need to change something here in the script. So here I will change this
11:15
option like middle ad 02 to middle ad 03. And I will change here the ID from 02 to 03
11:25
And I will change the show ad to 03 and there is some places we need to change from 02 to 03
11:39
And here in this case, I will show the ad after the seventh paragraph like this. So I can set it here. So we have added three middle post or
11:51
middle article ad in this theme. So let me just save here. So you need to change everything from
11:57
02 to 03 and you need to change the ID. So ID must be unique in your theme. So let's go back here
12:05
And let me just go to the layout section here. As you can see that we have added three middle
12:10
post ad, middle post ad 1, middle post ad 2 and middle post ad 3. So you can easily add your
12:17
manual ad code in this wizard. And if you want to add more than three middle articles ad, then
12:24
you need to increase the wizard count here. So let me just do that. And I will click on here
12:31
and I will click on block 1 here. And here after this block 1, you will see this option max wizard
12:37
So if you want to add more section, then you can increase this max wizard to something like
12:43
sixth and make sure to show add element to yes. Now let's save here. Now let's go back and let's
12:51
go to the layout here. And as you can see that there is in the ad gadget section, so you can
12:56
add more gadgets in your blog post. Now let's open a blog post here and let me just refresh this page
13:05
And there is one ad slot here. That's because there is two paragraphs in this
13:10
page. So let me just open a different blog post here. And as you can see that there is this section
13:17
and there is this section and there is three sections showing up here. I think there is a blank
13:22
paragraph tag here just in between the advertisement. So let me just open this post
13:33
And let me just go to the HTML view and let's check. Here it is. There is a blank paragraph tag
13:39
here. That's why it is showing like that. And here this is a paragraph tag. And as you can see
13:47
there are multiple blank paragraph tag. That's why it is showing like that
13:53
So you can easily fix that issues. So let me just quickly duplicate it one more time
14:00
Like this. And let me just update it. Now let's refresh this page
14:10
And here it is. The advertisement is showing after second paragraph, fourth paragraph
14:15
and seventh paragraph. So in this way, you can add middle article ad in your blogger website
14:20
by following this trick. So I know this is a little bit confusing. So you need to watch the
14:26
video properly and change everything that I have shown in this video. And make sure to add the
14:32
right post body ID in your theme. Otherwise, this code will not work. And make sure to use some
14:40
unique ID in your theme. Because if any other wizard is using the same unique ID, then it will
14:48
show an error. So make sure to use a unique ID and make sure to get the post body ID option
14:56
So if you found this video helpful, then make sure to hit the like button. And if you want me to
15:02
make more videos like this, then do let me know in the comments section
15:06
And I will see you in the next video. Thank you
#Blogging Resources & Services
#TV Commercials