Recently on this category, I made a post that’s talks about how I avoid invalid adsense impression /click using adblock. In this tutorial, I am sharing with you, how to add Adsense ads after each blog post on the mobile view of your Blogspot blog.
Readers of your blog posts are more likely to click on ads after reading your post. Hence, I recommend you add an ad unit right after each post.
Ads added below each post on the desktop view of your Blogger blog won't show by default on the mobile view. You have to enable "custom" mobile template and add the ad code to the HTML of the Blogger mobile template.
Below is a 300x250 Adsense ad showing after my blog post on the mobile view of DelsuBlog:
Let's get started
==> Log in to www.google.com/adsense to generate the Adsense code for the ad unit you want to add to the mobile view. eg 300x250 Medium Rectangle ad size.
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:if cond='data:top.showMobileShare'>
==> Directly above it, paste the parsed Adsense code.
Save your template.
View one of your blog posts on mobile view using default browser of your mobile device (NOT Opera Mini) and you should see the ad after each blog post on POST pages (Not on the homepage).
NB: You can place any ad code there be it Infolink, media.net ad etc If you also want to add share buttons to your Blogger mobile template, you can also paste the codes of the buttons there.
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.
Recommended: How to Add Adsense Below Post Titles on Blogger Desktop View
Enjoy##
Do you find this helpful?
Kindly let us know via the comment box below.
Please don’t just read alone, LIKE and SHARE this with your friends via the like and share buttons.
Buy Emma a drink with PAYPAL if you like this post.
Like Our Facebook Page:
1 comments:
Make sure you have enabled CUSTOM Blogger mobile template and repeat the whole process carefully. Hope this help?
Post a Comment
Use The Box Below to Drop your Comment and Don't Spam