How To Insert Adsense Ads Inside Blog Posts In Blogger?



So you just got accepted into the google adsense program for your blog hosted on blogger. Congratulations! You’ve just got your first monetisation step going. The second step is to customize your ads location to hot zones of your blog.

Insert Adsense Inside Blog Post in Blogger

Which part of your site or blog makes the most profit? Recent studies show that adding AdSense ads inside the post, ideally after the title or first paragraph of your blog is the highest paying placement.
Unfortunately, Blogger by default does not allow placement of ad inside the content or after the title or first paragraph. Let us show you how to implement this on your blog. It takes a bit of Cut, Copy, Paste, however if you can write a blog post, you are capable of implementing this as well!

Display AdSense Ads after the Post Title in Blogger

1. Sign in on your Blogger account and select your blog. Now on the left hand side you should see “Template”, click on it. Now, using the “Edit HTML” button, open the Template editor .

After the Template Editor opens, click somewhere inside the code area and then press the CTRL + F keys (or Command + F if you are a mac user) on your keyboard so that the editor’ search box opens up. Now, search the following line:

<data:post.body/>

Note: If you find multiple occurrences of <data:post.body/>, stop at the second one or the last one.

2. Now, place the below code just above <data:post.body/>

<b:if cond=’data:blog.pageType == &quot;item&quot;’> PLACE YOUR AD CODE HERE </b:if>

3. Copy the AdSense code that you want to show and use the below tool to convert it into plain text. Just above the line that we just found, add the following HTML and replace the “ADSENSE CODE HERE” text with the converted ad code:

Enter raw code here

Get escaped code here

4. Replace the PLACE YOUR AD CODE HERE with your Parsed Adsense Ad Code.

5. Click on Save Template and You are done!

Display AdSense Ads After the First Paragraph in Blogger

Repeat Step 1 and 2
3.  Just above the line that we found in step 2 earlier, add the following HTML and replace the “ADSENSE CODE HERE” text with the parsed adsense code:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’adsense-content’ style=”display:block;text-align: center”>ADSENSE CODE HERE</div></b:if>

4. Click on Save Template and You are done!

Display AdSense Ads At the End of your Blog Post.

Repeat Step 1 and 2
3. Just below the line that we found in step 2 earlier, add the following HTML and replace the “ADSENSE CODE HERE” text with the parsed adsense code:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’adsense-content’ style=”display:block;text-align: center”>ADSENSE CODE HERE</div></b:if>

4. Click on Save Template and You are done!

Remember, if you do not parse your adsense ad codes, then you will get an error.

Have Questions? Fire away, we’re here for you!


You may also like

More From: Blogging

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format