web-dev-qa-db-fra.com

Comment faire des annonces de paresses Adsense?

Y a-t-il une méthode de travail de chargement paresseux adsense adsense?

J'ai vérifié quelques réponses dans la pile Overflow & Google, toutes ces méthodes ne différencient que le chargement, je n'ai besoin de charger des annonces uniquement lorsqu'il est visible à l'utilisateur dans la fenêtre. Comme paresseux charger une image.

lazy-loadingadsense
3
Owl Reporter

Oui, il est possible d'utiliser la charge paresseuse AdSense, vous devez utiliser des bibliothèques OpenSource comme LAZYHTML sur la charge paresseuse Adsense annonces sans modifier Adcode.

Dans l'exemple suivant, remplacez CA-PUB-XXX avec votre ID client Google AdSense, vous devez également remplacer l'identifiant de l'emplacement. Apporter des modifications selon vos besoins.

Ajoutez le code suivant dans la tête .

<script async src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyhtml.min.js" crossorigin="anonymous"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxx" crossorigin="anonymous"></script>

Enveloppez l'adcode dans Lazyhtml wrapper.

<div class="lazyhtml" data-lazyhtml onvisible>
  <script type="text/lazyhtml">
  <!--
  <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXX"
     data-ad-slot="YYYY"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).Push({});
</script>
  -->
  </script>
</div>

Étapes et notes:

  1. Ajouter lazyhtml & adsbygoogle.js JavaScript dans la tête, c'est ASYNC chargé.
  2. Enveloppez tous les codes AdSense dans Wrapper Lazyhtml.
  3. Si vous souhaitez charger paresseux toutes les annonces AdSense, vous devez envelopper toutes les balises AdSense dans wrapper LAZYHTML
  4. Notez qu'aucun commentaire HTML, CSS ou JS n'est autorisé à l'intérieur de l'emballage.
  5. Onvile L'attribut charge l'adsense adunit lorsqu'il est exactement visible pour l'utilisateur.
  6. Essayez d'éviter les autoads adsense.

Aide Liens:

Source: Chargement paresseux Adsense Adsense

Wrapper HTML paresseux: convertisseur de lazyhtml

4
Niresh