Looking for a perfect tutorial? that how to put Google Adsense Ad below post title in a perfect manner that works smoothly on evert re...
Looking for a perfect tutorial? that how to put Google Adsense Ad below post title in a perfect manner that works smoothly on evert responsive devices. It is very important to put Adsense ad banner in correct places to get a good Click Through Rate CTR which is very important nowadays for every Adsense Ad User because you will get only good CTR when you will place the Adsense ads in right place like below post title and between body paragraphs.
So without wasting your precious time let's jump on the main tutorial and before starting first take your template backup as I say always.
Login to your Google Adsense Account, Generate your ad code from there that you want to show below the post title. Copy that code and encode into XML parse from the below HTML To XML Tool.
Now, go to Blogger >> Theme >> Edit HTML >> Click anywhere in Editor and press CTRL+F for calling the search box and search the below code.
<data:post.body/>
You will get the above code two to three times in your custom/default blogger theme, so replace the second one with the below code.
<b:if cond='data:blog.pageType == "item"'>
YOUR-AD-CODE
</b:if>
Now, simply replace YOUR-AD-CODE with your XML parsed Adsense code.
- [message]
- ##check##GuideLine
- You can customize the position of the ad with little knowledge of HTML.
Congrats! if you see the active Ad below post title on your live blog. Now, check the same page of your blog in mobile responsive devices and before this be sure that you have enabled the custom theme in mobile view. If you don't know how to enable the custom theme view on a mobile device So follow the below steps.
Go To Theme >> Click on Gear Icon below the mobile Box and click on No as shown in below image.
After this, if you are not seeing any Adsense Ad in Mobile View. So follow the below guide that how to add Adsense Ad in Mobile View.
First, go to your Adsense account and generate a little banner for mobile devices e.g 320X50 ad banner.
Now, encode the Ad code into XML parser through HTML To XML Tool.
Go to Blogger>> Theme>> Edit HTML>> Press CTRL+F and search the below code.
<b:includable id='mobile-post' var='post'>
After finding the above code, slowly scroll down till you see the code look like below one.
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' temprop='articleBody'>
Then, paste your XML parsed Ad code just below the above code and save the template. That's all.
So this was the simple tutorial to put Google Adsense Code just below post title and you can add any type of Ad banner from the same method. If you are facing any Error or have any query about this article so ask freely in the comment below I will try my best to solve your all queries related to this article.
COMMENTS