Sunday, October 2, 2016
How to Show Adsense After Blog Post on Mobile Phone
How to Show Adsense After Blog Post on Mobile Phone
Visitors of your blog posts are more likely to click on ads after reading your post. Hence, I suggest you add an adsense unit right after each blog post.
Adsense added below each post on the desktop view of your Blogger blog wont show by default on the mobile view. You must enable "custom" mobile template and add the adsense code to the HTML of the Blogger mobile template.
If you check my Blog Post you will see a 300x250 Adsense ad showing after my blog post on the mobile view.
How to Implement it.
Log in to www.google.com/ad sense to generate the Adsense code for the ad unit you want to add to the mobile view. Example 300x250 Medium Rectanglead size.
Now, we need to parse the ad code.
Go to http://www.freehtml parser.blogspot.co m/
Copy and paste your ad code inside the box and click the "Encode" button
Copy and paste the "Encoded Code" somewhere, you will soon use it.
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" scroll down 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.
Always remember to back up your template before editing it , now go to "Template" ---> "Edit HTML"
Click inside the HTML and use CTRL F to find the code below:
<b:if cond=data:top.showMobileShare>
If you have seen the above code Directly above it, paste the parsed Adsense code there (thats is the code you have saved earlier)
Save your template.
Now View one of your blog posts on mobile view using default browser of your mobile device [NOT Opera Mini] and you should see the adsense ads after each blog post on POST pages (Not on the homepage).
Thats all.
You can als place any ad code there, or any code there just like you can see Google custom search on mine, also you can add share buttons to your Blogger mobile template, you can also paste the codes of the buttons there.
To access the mobile view of your Blogger post on PC, just add ?m=1 at the end of the post URL.
Try it and let me know if it works for you and leave any comment if you encounter any error. Thanks.
Go to link Download
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment