Automatically add Adsense ADS in Blogger Post 2017
Today I am talking about adding adding adsense ads code manually to blogger the way you want. Let me clarify you that adsense is an affiliate advertisement network which pays in cost per click manner. Means you get click on ads you get money instantly. Here we will cover topic to put ads manually and automatic.
So here are the main areas where you can add ads in your blogger site to get high CTR.
So here are the main areas where you can add ads in your blogger site to get high CTR.
- Between your posts.
- Head and sidebars.
- Footers
Also you should follow the google adsense guidelines to put ads.
OK, lets see How to add ads codes. To place your ads in the sidebars. Its pretty simple, just go to your blogger panel. Then go to layout option on the left side. Now click on add gadgets select HTML from popup window paste your adsense code and save it. You are done. Its just simple and you can add your ads like this any where.
Now talking about the template your readers will read the content of your blog not the sidebar not the headers so placing the ads in the post will help you making more money.
You can automatically add ads or manually in all the post we will discuss both the aspect. Firstly for manually adding codes in the post just write your post. choose the place to add ads. Switch to HTML view of the post Now just paste the ads codes directly and publish. Ok. Now for automatic ads Here are some simple steps to follow to make ads appear in the post.
Firstly decide where to put your ads inside the post. I mean Below the post title or In the middle somewhere or both Now see below steps & proceed placing ads.
Firstly remember to backup your template as we are going to add ads to the template. For this go to template and then to restore backup template.
You can't directly add ads to the template so you have to convert the code of yours to xml or you have to parse your code you can find many HTML to XML parser here. Just paste your code and convert it and copy the new parsed code and get it ready.
Add Adsense in blogger post
Firstly decide where to put your ads inside the post. I mean Below the post title or In the middle somewhere or both Now see below steps & proceed placing ads.
Firstly remember to backup your template as we are going to add ads to the template. For this go to template and then to restore backup template.
 |
| Add adsense code in the blogger |
To auto add ads Below the post title
Go to edit template in your blogger dashboard click anywhere in the codes you see to get the cursor. Now press CTRL + F and search post-body entry-content copy it from here and paste it in the box and press enter.
You will find it more then one time. Just aim for the second one. you will find this code as
<div class='post-body entry-content'>
or
<div class='post-body entry-content' ..................>
So just after the > symbol paste the below code
NOTE: If you don't find the code post-body entry-content try finding <data:post.body/> and replace it with the the above code. And remember replace the second occurrence only.
Now change the encoded ad code with your code and center with the left or right of keep it center. You're done.<b:if cond='data:blog.pageType == "item"'>
<div align="center"> Your encoded Ad code here</div>
</b:if>
NOTE: If you don't find the code post-body entry-content try finding <data:post.body/> and replace it with the the above code. And remember replace the second occurrence only.
Read More : How Increase Earning From Adsense Ads
To auto ads in the middle of the post
This one is pretty simple Just go to edit template and find <body> . Just below it paste the following code.
<b:if cond='data:blog.pageType == "item"'>
<div style='display: none; float:center;'>
<div id='MindX-Ads'>
<br/><center>
<script type='text/javascript'>
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_host = "pub-xxxxxxxxxxxxxxxx";
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 336;
google_ad_height = 280;
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'/>
<br/></center>
</div>
</div>
<script>
$(document).ready(function(){
jQuery('#MindX-Ads').appendTo(jQuery('a[name="more"]'));
});
</script>
</b:if>
Now see your ads code and replace the xxxxx details with your details. I mean in the first two replace the xxxxx from your adsense code.
You will find ad client code starting with pub-3434343 your numbers. Put it in the first two i.e. client and host. And in your code you will find ad slot number put it in third one. Also your ads size is given in your code put it in 4th and 5th in place of 336 and 280. You are done.
Now where ever in your post you have to place ads just put Page Break and your ads will be displayed there. Page break is located in the compose toolbar and looks like below fig.
 |
| Page break |
Don't forget to share this on facebook and twitter and with every one else.
Thank you for reading this post. Ask your questions in comment section.
Post a Comment