adsenseLoader, charger vos publicites google adsense sur le load

Actuellement sur mon site, je teste différentes façon d'améliorer les performances.

Je me suis donc attaqué au chargement sur le "load" de la page de toutes mes publicités adsense. J'ai ainsi créé une librairie adsenseLoader en javascript afin d'y parvenir.

Celle ci permet donc de charger sur le onload ou un autre event.

Pour l'instant cette librairie est compatible Chrome, Firefox, Opera, Safari et IE 9 +.

Comment l'utiliser ?

C'est assez simple, il suffit d'appeler le script suivant :

<script type="text/javascript" src="adsenseLoader.min.js"></script>

Ensuite vous initialisez et exéxutez le code de chargement de pub :

<script type="text/javascript">
     adsenseLoader.init({
          onLoad: true, /*true par defaut, pour le charger sur le onload */
          google_ad_client : 'ca-pub-xxxxxxxxxxxxxxxxxxxxxxx' /* le numéro de compte adsense*/
     });
</script>
<script type="text/javascript">
     adsenseLoader.insert({
          element : document.getElementById('pub-banniere-top'), /* élément DOM où insérer la publicité */
          google_ad_slot : 'xxxxxxxxxxxx', /* id de la banniere demandée*/
          google_ad_width: 728, /* largeur demandée*/
          google_ad_height: 90  /* hauteur demandée*/
     });
</script>

Si vous décidez de charger la pub sur un autre event, il suffit de changer l'initialisation et d'utiliser la méthode insert d'adsenseLoader à l'appel de votre event :

<script type="text/javascript">
     adsenseLoader.init({
          onLoad: false, /*mettre à false lors du chargement autre que "load" */
          google_ad_client : 'ca-pub-xxxxxxxxxxxxxxxxxxxxxxx' /* le numéro de compte adsense */
     });
</script>
<script type="text/javascript">
$(function(){ /* chargement sur le "ready" de la page*/
     adsenseLoader.insert({
          element : document.getElementById('pub-banniere-top'), /* élément DOM où insérer la publicité */
          google_ad_slot : 'xxxxxxxxxxxx', /* id de la banniere demandée*/
          google_ad_width: 728, /* largeur demandée*/
          google_ad_height: 90  /* hauteur demandée*/
     });
});
</script>

 Si vous avez des questions n'hésitez pas à commenter

Télécharger adsenseLoader

adsenseLoader (production) : 1ko

Prochaine version

mise en place d'une détection des bloqueurs de pub avec affichage de message personnalisable

image jerome debray

Jerome Debray est responsable de projet et lead developper web pour Ouestfrance Multimedia dans la business unit Auto.

retourner en haut de la page