Skip to main content

How to Insert Adsense Inside Posts: After the First Paragraph

How to Insert Adsense Inside Posts: After the First Paragraph: do you know that which part of your site is more good for Adsense Earning or you want to know that which part of your site is generate more revenue add Adsense code inside you post and check google heat map, Recent studies showed that placement of Adsense is best after 1st paragraph you can generate more revenue by applying this in your blog. Unfortunately Google blogger not allowed to ads placement within the posts so we will make a script for you to fix that issue.
We will make a JavaScript code for Ad placement using DIV tag and we select the location after first paragraph so now you don't need to add tags in each post manually so you just need to put this script in your blog with your Adsense ads code.
How to Insert Adsense Inside Posts: After the First Paragraph

How to Add Adsense Ads within Blogger Posts

Its very simple to add Adsense Ad code in blogger. just follow below steps to install Adsense Ads code in blogger.
  • Login into Blogger.
  • Go to templates Edit HTML.
  • Press Ctrl + F and Find.
<data:post.body/>

  • You found multiples <data:post.body/> lines in your blogger template please replace 2nd one line with below code.

<div id='adsense-target'><data:post.body/></div>

  •  After this you need to paste blogger if condition code which is written in below.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE CODE HERE</div></b:if>

  • Please use this tool for converting Adsense Ad code for blogger Adsense Ad code converter.
  • Finally right after <div id='adsense-target'><data:post.body/></div> Add below script.

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>

  • Click save template to save the theme, 
With this trick you can add adsense ads code in yout blog right after first paragraph and i hope you get double quantity ads clicks by using this trick. Enjoy and must leave your feedback here.

Comments

  1. i fill this bro but my adsense code found the ads on last on post

    ReplyDelete
  2. give me your website url

    ReplyDelete

Post a Comment

Popular posts from this blog

How To Start A Blog And Make It Successful

How To Start A Blog And Make It Successful : If you are a new blogger and you don't know about blogging and you want to make it successful then you must know about some important thing otherwise you can not get desire output from your blog. and you waste your all efforts and time on blog. Read some my Experience Suggestion below. How To Start A Blog And Make It Successful Never Use Free Blogger Theme:  First Remember one thing never use free themes you are on WordPress or blogger doesn't matter don't use free themes because they are not develop accordingly today requirement few themes are not even not responsive and also not SEO friendly. if you want your blog go viral on social media and google then please be original write your own content and must post that contents which audience demand. But if your theme is not good you may right your own contents but finally your google can't understand your posts and it take long time in indexing also due to e...

How To Install WAMP Server and Configure in Windows

How To Install WAMP Server and Configure in Windows : Many students don't know how to install and configure WAMP on their computer so In this Tutorial your learn how you can install WAMP server on your Windows 10, Windows 8.1 , Windows 8, Windows 7. Follow few steps to Install WAMP Server in your System. First you need to download the WAMP server. Here visit below link. http://www.wampserver.com/en/ After download Run setup and install WAMP Server on your Computer. Click next. it will install it self. After installation run WAMP server on your computer and check tray icon is green or red. Green Color means WAMP is online. Red Color means WAMP is not Running. In above image you can see the green color wamp icon and options of WAMP server.  If you click on put offline the server goes offline. http://localhost/ Open localhost and you can see the main screen of Wamp server. WAMP  is stand for  Windows Apache Mysql PHP . Some developers use localhos...

How to use WhatsApp Web

How to use WhatsApp Web: Whatsapp Use on web, Whatsapp web download, Whatsapp web login, Whatsapp web app, how to use Whatsapp via web. In This Article we teach you about Whatsapp web access. Its Very Simple to use Whatsapp on your laptop Browser. You just need to follow few steps to open whats app on your laptop or on your desktop PC. You can open Whatsapp on your Browser Visit http://web.whatsapp.com . Its looks like below image. Open Whatsapp On your cell phone. Open Options > Click on WhatsApp Web. Now your cell phone camera is automatically open. you just need to SCAN the code. With in 2 second your login to your WhatsApp Account on your laptop or your Desktop Computer. Your Login windows is looks like above image, give your feedback in comments and share this post with your friends thanks.