Como adicionar anúncios LazyLoad do Google Adsense para Blog

Certamente vocês que estão usando o Google Adsense para veicular anúncios no Blog para ganhar dinheiro sabem uma coisa: quando você anexa anúncios do Google Adsense, o Blog torna o carregamento da página do Blog lento, se não muito lento.

Neste artigo, compartilharei como, otimizar e, ajudar seu blog a carregar mais rapidamente ao anexar anúncios do Google Adsense e, a maneira que desejo compartilhar neste artigo é usar o LazyLoad. Então, o que é LazyLoad primeiro?

VTrick Blog | LazyLoad Google Adsense

Tabela de Conteúdo

1. O que é carga lenta (LazyLoad)?
2. Como adicionar anúncios LazyLoad do Google Adsense para Blog
3. Conclusão

O que é carga lenta (LazyLoad)?

Carregamento preguiçoso ou carregamento lento (LazyLoad) é, uma técnica ótima, em vez de carregar a página web inteira e renderizá-la desde o início, esta técnica permite o carregamento imediato dos componentes necessários para exibir ao usuário e atrasar o carregamento.

Vantagens do Lazy Loading
• Melhore a experiência do usuário.
• Melhorar o desempenho do site.
• Economia de recursos.
• Aumente a pontuação de revisão do site.

O Google também sempre aconselha os editores a melhorar a velocidade de carregamento da página. Eles estão sempre desenvolvendo mais ferramentas e artigos para ajudar os editores a melhorar a velocidade do site.

Para melhorar a velocidade do site, o Google recomenda o recurso de LazyLoad para limitar as imagens que não aparecem acima da dobra.

Como adicionar anúncios LazyLoad do Google Adsense para Blog

Em seguida, vem a solução do problema que vou orientar ou compartilhar com você para adicionar o código LazyLoad para o Google Adsense para ajudar seu blog a carregar mais rapidamente.

Passo 1: Você acessa a página de edição HTML do Blogger.

Etapa 2: encontre e exclua a tag de script do Google Adsense, o código tem o seguinte formato:

<script  async = 'async'  src = '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' ><script >

Passo 3: Copie e cole o JavaScript abaixo acima da tag de nome </body>.

<script>//<![CDATA[ 
window.addEventListener("scroll", function() {
    var adsenseCodehay = document.createElement("script");
    adsenseCodehay.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
    adsenseCodehay.async = true;
    adsenseCodehay.setAttribute('crossorigin', 'anonymous');
    adsenseCodehay.setAttribute('data-ad-client', 'ca-pub-xxxxxxxxxxxxxxxxx');
    document.body.appendChild(adsenseCodehay);
}, true);
//]]></script>

Etapa 4: substitua ca-pub-xxxxxxxxxxxxxxxxx por seu ID de editor do Google AdSense.

Etapa 5: clique em salvar e verifique seu blog.

Conclusão

É isso, acabei de compartilhar com você como adicionar anúncios LazyLoad do Google Adsense para blog. Se você tiver algum problema com a implementação ou erros, pode comentar abaixo do artigo e eu irei apoiá-lo!