Skip to main content

How to Display Google Ads Below Post Title in Mobile View



Out of 100% visitors that visit your blog daily, you'd believe me that after checking your blog stats using the Google analytics tool, at least 70 of the 100 visitors visit using their mobile phones. With this been said, why not monetize this mobile traffic you've got judiciously. How can this been done? Correct placement of ads in a very sensitive places that will not violate the Google Adsense TOS, and as well not give the readers bad navigation will do.

google ads below post title mobile view placement


From experiment, placing ads below the post title has been one of the most sensitive places when it comes to placement of Ads in desktop view as ads tend get high CTR and possibly, more clicks. Since placement of ads below post title yielded a positive outcome in the desktop view, why not apply this same placement in the mobile view as most of the traffic comes from the mobile.

Read Also: How to Place Google Ads Below Post Title In Desktop View

How to Display Google Ads Below Post Title In Mobile View

NB: Always Backup your Template before editing to avoid losing your design
1. Login to your blogger dashboard
2. Navigate to Template and click on "Edit HTML".
3. Search for the below code

<div class='post-header'> 

4. You might see the lines of code as shown below

<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
"Place your Parsed Google Adsense Code here"
<data:post.body/> 

5. Login to your Google Adsense Dashboard to create a 300 x 250 ad unit
6. Copy and parse the code using HTML Encoder Tool
7, Copy the parsed code from html encoder tool then add the code below the lines of code in (4).
8. Save your templates and check from mobile to see how it displays.

Hope it helps...





Comments

  1. thumbs up... this is beautiful.

    ReplyDelete
  2. Thanks for visiting.... hope you found the post useful

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Make Google Adsense Show in the Middle of Blog Post

People blog for various reasons. If one of your goal as a blogger is to make money online, then correct placement of ads is going to play a very long role for you to become successful. To get the placement that will work for you, experimenting placement of ads on all part of the blog will do: The top, the sides, below post title, below post itself and in the middle of post.



Read Also : How to Make Google Adsense show below post title
How to Make Google Adsense show below post title in Mobile View

For this tutorial, I will be writing on an entirely different one, placement of Google Adsense Ads in the middle of blog post.

How to Make Google Adsense Show in the Middle of Blog Post 1. Log in to your blogger dashboard
2. Navigate to template and backup your blogger template
3. Edit template and search for the below codes (Mostly the second one)
<data:post.body/> 4. Parse your Google Adsense Code using Html Encoder
5. Replace the above code with the below code
<div id='jobmi…

How to add Email Subscription Widget Below Post

Getting traffic to your blog or website might be one of the easiest thing for you to do but keeping them I challenge you, is one of the toughest things in blogging. There are several methods that can be used for making your readers keep on coming but for this tutorial we will focusing on one, adding email subscription below post.
Email subscription widget at the side bar also does this work but researches have shown that email subscription box below post does best. After a useful article has been read by the visitor, he/she will like to read more and thereby subscribing just immediately after the post making him/her a permanent visitor. How do I do this?
How to add Email Subscription Widget Below Post Get your desired email subscription widget code by searching online. Log in to your blogger account Navigate to Template > edit templateRemember to back up your template Search (using CTRL + F) for <data:post.body/> Place the Email Subscription code after/below the above code

No…

How to Add CSS to blogger blog

CSS is an abbreviation for Cascading Style Sheet that gives the required design, layout to a blog or website using lines of codes. In comparison to man, I will say it's like a clothing to the body or working out in the gym to give the body the desired figure. Gone are the days when plenty codes of HTML do the job but now, with just a little line of CSS code, you get your desired result. Not saying the HTML is useless, without it, no blog and no websites.They both have their roles, HTML provides the framework while the CSS gives the design and layout of the website without taking much time.


How to Add CSS to blogger blog? Since our main concern is adding the CSS code to blogger blog, I will be sharing two ways on how this can be done.

The Manual MethodThe Template Design MethodThe Manual Method
What do I mean by the Manual Method? Here, the template of the blog is being tampered with. the template is edited before the lines of CSS code is being inserted. This method is not recommen…