Well, we all know that Google Adsense is one of the most popular and reliable sources of earning money online. But it is a bitter truth that " a coin has two sides". Well it is no doubt that Adsense has may advantage and anyone can fulfill his dream by using it correctly. But it has also some disadvantages, and one of the biggest disadvantages is that using AdSense ads in our blog, it decrease your blog page loading speed approx 30% and sometimes, even more. And all we know that page speed is one of the important SEO factors in ranking of any blog. In this tutorial, I am going to give you a fantastic trick by applying it you can easily overcome this problem. After much research and applying this trick for more than four months I came to this conclusion that this trick really works and it can increase your page speed. It has no side effects on earning.
Most probably to make AdSense visible inside your article, you have paste AdSense code in the HTML section of your article(post). It is obvious that many of us used to add AdSense code in a single article(post). You all are familiar with AdSense code format which is something like this"<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">"Now the problem is that every AdSense code contains a JAVA script in the beginning and this only slows down your page speed. As to load each ad the same JAVA script load each time. So I find a way by which loading a single JAVA script of AdSense make all ad appear. For doing this you have to follow these simple steps and have to add some code snippet in your templet
(!) Must take a backup of your template before making any change.
1. Find the <head> tag in your blogger template and place the latest jquery just below it. Please avoid to use two jquery links, remove the older one, and use the new version.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.1new/jquery.min.js" ></script>
2. Secondly find out this code <data:post.body/> inside Blogger theme and replace it with the following code –<div id="PostBody"> <data:post.body/> </div> <div id="AdCode"> <div style='margin:5px 0;text-align:center;clear:both;'> <!-- Ad Unit Code Here --> </div> </div>
Note:-New Blogger template may have 2 or 3 <data:post.body/> code. You should have to identify the correct one. Generally 2nd instance of <data:post.body/> is right code to replace in new blogger templates.
3. Now search for </body> tag inside the Blogger theme and put the following javascript before/ just above it.
<b:if cond='data:blog.pageType == "item"'>
<script>
$AdCode = $("#AdCode").html();
$("#PostBody br:lt(1)").replaceWith($AdCode);
$("#AdCode").remove();
</script>
</b:if>
4. Save the changes you had made in the Blogger theme and have fun.
Now by applying this ad is automatically placed in the selected location in your article. No need to add ads in each post. As per your preference paste(2-3 times) this 3rd step code.
You can choose your Ad location –
By replacing the value br:lt(1) with br:eq(n), , where n= 1, 2, 3… which is the number of line breaks after which Ad will appear in your post. e.g. If you want to show Ad after 5th line break then replace br:lt(1) with br:eq(5) and you are done.
One thing more, you have solved the problem for codes that are placed in the article what about ads in the sidebar, footer, header, etc. for this remove this code <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> from each code and add this code in the head section of your them now all steps are over, have fun with fast loading blog.
If you face any problem in doing these steps feel free to ask in the comment box and also don't forgot to tell me if this trick works for you or not.
0 Comments
Any Comment having the intention of spamming will not publish nor any irrelevant advertisment link will allow in the comment. Thanks!