How To Put Adsense Ads Google Links Below Post Title Of Blogger Mobile View

Adsense Ads  Google Links Below Post Title

You can put Google Adsense ads by Google links below your blogger post easily without much hassle or stress. Yesterday, one of my close friend who happened to be a new blogger kept on disturbing me, requesting that I should show him how he can easily  put ads by Google links below all his post. So, after much tutorial/lectures..lol, for him, I decided to share this for everyone, especially my readers.
If you view this site (jaysciencetech) on a mobile device, you are likely to notice Adsense links ad below the post title. I decided to implement this placement when I discovered that those links ads display on almost all mobile browsers unlike the non-links ads which most times will be blank on some mobile platform.


Sincerely, ever since I implemented this Google ads links strategy, my daily Adsense earnings have increased by over 50% and I strongly recommend you should also give it a try and most significantly if greater part of your readers are using Opera Mini to access your site/blog.

Get Started Now: follow the steps below

  •  Visit and Sign in to www.google.com/adsense
  • Click "My Ads" tab > "New Ad Unit"
  •  Give it any name and under "Ad size", select "links ad"
  •  Click 200x90 Vertical X-large
  •  Customize "text ad style" as desired (Not compulsory)
  •  Click "Save and get code"

Now, we need to parse the Adsense ad code which you have obtain from the steps above

  •  Kindly visit http://www.freehtmlparser.blogspot.com/
  •  Copy and paste your Adsense ad code inside the box and click the "Encode" button
  •  Copy and paste the code in a designated pad or region eg MS WORD OR Possibly Notepad
  • Ensure you have enabled CUSTOM Blogger mobile template.

If you are not fully assured, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.

  •  Now, what we need is  to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.

  •  Ensure that you have back up your template and immediately proceed to "Template" > "Edit HTML"

  •  Click inside the HTML and use CTRL F to find the code below: 

<b:includable id='mobile-post' var='post'>

  • ==> Once you locate  the code above, kindly scroll down tenderly till you see the code below: 


<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

  • ==> Paste your parsed Adsense code directly below the code above. 
Save your template.
If you want to customize your new Google Adsense ads placement, you can use the format below:

<br>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div class='toppostadmobile ' style='text-align:center;'>
PASTE PARSED CODE HERE
 </div>
</b:if>
 </br>
If you use the code shown to you above, your links ads will be automatically positioned in the center below post titles on designated Post Pages only.

If you want to view the mobile domain of your Blogger post on PC, you can comfortably do that by adding? m=1 at the end of the post URL. 

Note: These Adsense ads will only display the Adsense links ad on mobile view of your blog and not on desktop.

Kindly Share this with your friends. If it was helpful….


SHARE
Copyright Warning! Articles on this website may not be republished, reproduced, redistributed either in whole or in part without due permission or credit. All contents are protected by DMCA. =======================
    Blogger Comment
    Facebook Comment

4 comments: