Alert box

×

Visit premium theme zone

Visit

join telegram Channel for updates

join

How to use lazyload adsense to increase in blogger to increase your pagespeed

 Lazy loading is a technique that defers the loading of certain content until it is needed. In the case of AdSense ads, lazy loading can help improve page speed by only loading ads when they are about to come into view, rather than loading all ads on the page at once.

Lazyload adsense script for blogger


Here are the steps to use lazyload adsense in Blogger:


1. Login to your Blogger account and go to the "theme" section.

2. Click on drop-down then click on edit html.

3. Go to </body> tag in your theme (bottom side)

4. Copy and paste the following code above your close body tag  here </body> :

<!-- Lazy adsense Script with auto ads -->

        <script>/*<![CDATA[*/ var lazyadsense = false; window.addEventListener('scroll', function(){if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) { (function() { var ad = document.createElement('script'); ad.setAttribute('crossorigin','anonymous'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXX'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense = true; }}, true); /*]]>*/</script>
       

5. Replace "YOUR pub I'd " with your actual AdSense client ID you can find it on any adcode.

6. Save the Theme and check your blog to make sure that the ads are loading properly when you have scrolling up.

How to place ads with lazyload features

You need to paste adcode like this 👇 by removing upper script that's all

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-00000000000000"
     data-ad-slot="00000000"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Don't do 🙅

Never paste full code like this 

<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000'/>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-000000000000000"
     data-ad-slot="0000000000"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Remove the red colour script from your all adcode where you have pasted priviously  iff not your site Speed still low

Features and merits of lazyload adsense

When you are using lazyload adsense your pagespeed is increased due to no load of adsense script i mean 0 % load due to ads then your site Speed is increased upto 90+ when you are using my theme 

Last word

In this post we will provided information about How to use lazyload adsense to increase in blogger to increase your pagespeed , If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.

Next Post Previous Post
No Comment
Add Comment
comment url