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 |
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!