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...


2 comments:

  1. thumbs up... this is beautiful.

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

    ReplyDelete