If you view this blog (Ogbongeblog) 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 atimes will be blank on some mobile screens.
Well, since I implemented this placement, my daily Adsense earnings have increased by over 60% and I think you should also give it a try especially if majority of your readers are using Opera Mini to access your blog.
How To Get Started
==> 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 200×90 Vertical X-large
==> Customize “text ad style” as desired (Not compulsory)
==> Click “Save and get code“
Now, we need to parse the ad code.
==> Go to http://www.freehtmlparser.blogspot.com/
==> Copy and paste your ad code inside the box and click the “Encode” button
==> Copy and paste the code somewhere eg in a notepad
==> Ensure you have enabled CUSTOM Blogger mobile template.
If not sure, 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, we need to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.
==> So, back up your template and go 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 find the code, scroll down gently till you see the code below:
<div class=’post-body entry-content’ expr:id=’"post-body-" + data:post.id’ itemprop=’articleBody’>
==> Paste your parsed Adsense code directly below the code above.
Save your template.
If you want to customize your placement, you can use the format below:
<b:if cond=’data:blog.pageType == "item"’>
<div class=’toppostadmobile ‘ style=’text-align:center;’>
PASTE PARSED CODE HERE
Using the code above will force the links ad appear in the center below post titles on POST PAGES only.
View one of your blog posts on mobile view using default browser of your mobile device and you should see the Adsense links ad below the post title on POST pages (Not on the homepage).
You can access the mobile view of your Blogger post on PC by adding ?m=1 at the end of the post URL.
Try it and let me know if it works for you.
NB: This implementation will only display the Adsense links ad on mobile view of your blog and not on desktop view.
PLEASE, Share this with your friends.
Questions? Contributions? Kindly relay them via comments.
- Add Ads.Txt File To Blogger Blogs via Settings
- Adsense Now Allows Placement of 320×250 Ad Banner Above The Fold On Mobile Pages
- How I Make Adsense Responsive Ad Code To Display 300×250 Banner On Mobile
- Google Plans To Disable Adsense Ads On Fake News Sites