How to place ads on blogger posts

How to place ads on blogger posts
How to make money with google

Ads on blogs are a source of income for bloggers who have worked hard to create blogs that will be useful to many people. One of the ads that are very popular and have been proven to make a fortune for their publishers is Google Adsense ads.


To get the maximum income, it is necessary to consider the position of the ad so that visitors can easily see the ads that we have posted on the blog.


You can use this advertising tutorial for all types of advertising, be it Adsense or other, with the aim of getting the right ad position and increasing income from blogging activities.


Best Adsense Ad Placement

There are several ad placements that I've tested and the results are pretty good than they were before. Perhaps it can be applied to the blog you manage.

  1. Under the post title; That first ranking turned out to be much better as visitors see the ad immediately after reading the post title. Adsense Tips: You should run ads that are small in size or in the form of text links so that you don't get a warning from Google.
  2. In the middle of the post; This position is also very profitable. If the ad is relevant, visitors can easily visit the ad. You can run a great ad.
  3. At the end of the post or under the post; Visitors will see an ad after reading the article, so they are most likely to visit the ad.

Are ads only shown in posts? yes, because advertising in the sidebar or in the header is not optimal. Today's blog visitors are mostly mobile users, so most of them just read articles.


If you run fewer ads, the ads you see will be high quality and get high paying. In addition, it can keep the blog fast and it will certainly increase the number of page views.


How to place ads on blogger or Blogspot posts


Here's how to maximize blog post advertising as explained above, starting under the title with the post and ending the post.


Follow the tutorial below to finish the installation and not get the wrong installation for the ad to appear on the blog post page.


Before you post an ad, the first thing you should do is analyze the ad code


How to place an ad under the blog post title


  • Prepare an analyzed ad code.
  • Then log in to your Blogger account.
  • Then select the blog you want to install ads >> select topics >> edit HTML.
  • Then enter the code in the lower right above the code <data: post.body /> for a faster search. Use the search by pressing Ctrl + F


Please select the desired ad position.


Align ad code to the left


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-right: 10px'>
Ad code that you analyzed earlier.
</div></b:if>


Align ad code to the right



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-left: 10px'>
Ad code that you analyzed earlier.
</div></b:if>


Flat Center ad code



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:center;'>
Ad code that you analyzed earlier.
</div></b:if>


Finally, click on SAVE Template and see the results.



How to advertise in the middle of blogger posts


  • Prepare the analyzed ad code and go to the Topics >> Edit HTML menu.
  • Then search for the code <data: post.body /> to make it easier to use the search method with the Ctrl + F keys
  • When you have found it, please replace the code <data: post.body /> with the following code




<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<div class='separator' style='clear: both;
text-align: center; '>
Ad code that you analyzed earlier.
</div>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>


When you're done, click Save or Save.


Information:


Number 2 is the position of the ad exactly in the middle of the post. If you want the ad position to be above that, use number 4 or 6.


How to place an ad at the end of Blogspot posts


  • The method is as above, please enter Theme >> Edit HTML
  • Then paste the following code just below the <data: post.body /> code


Middle Flat Ads



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:center;'>
Ad code that you analyzed earlier.
</div></b:if>


Left-aligned display



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-right: 10px'>
Ad code that you analyzed earlier.
</div></b:if>


Align the display to the right



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-left: 10px'>
Ad code that you analyzed earlier.
</div></b:if>


Finally, click on the Save template.


Here's how you can advertise on full blog posts to increase revenue from Adsense ads or others.


Thank you, good luck

seeTutupcomments