jQuery LazyLoad Ad est un plugin jQuery pour afficher les publicités de manière asynchrone et ainsi accélerer le chargement des pages de ses sites.

L'affichage des publicités sur un site est un des facteurs qui ralentit le chargement d'une page.

Le plugin jQuery LazyLoad Ad propose de résoudre ce désagrément en faisant afficher les publicités qu'une fois la page web complétement affichée.


Utilisation de jQuery LazyLoad Ad

En tout premier lieu, on commence par initialiser le plugin:

1.<script type="text/javascript" src="/js/jquery.lazyload-ad-1.4.js"></script>
2.<script type="text/javascript">
3.$(document).ready(function() {
4.$("div.adsZone").lazyLoadAd() ;
5.}) ;
6.</script>

Il faut ensuite récrire le code publicitaire habituellement utilisé pour l'appeler avec le plugin.

En prenant l'exemple d'un code pour adSense, on affichait notre publicité comme ceci :

1.<script type="text/javascript"><!--
2.google_ad_client = "ca-pub-6922618980534490";
3.google_ad_slot = "3844259857";
4.google_ad_width = 300;
5.google_ad_height = 250;
6.//-->
7.</script>
8.<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

Maintenant, avec le plugin, il faudra faire :

01.<div class="adsZone" original="http://pagead2.googlesyndication.com/pagead/show_ads.js">
02.<code type="text/javascript"><!--
03.google_ad_client = "ca-pub-6922618980534490";
04.google_ad_slot = "3844259857";
05.google_ad_width = 300;
06.google_ad_height = 250;
07.//-->
08.</code>
09.</div>

A l'heure actuelle, il est fonctionnel avec adSense, les tags générés par OpenX, BlogBang et Goviral. Pour l'avoir tester sur des sites, c'est vrai qu'il ne fonctionne pas correctement avec toutes les adservers mais pour les personnes utilisant exclusivment les plateformes ci-dessus, il deviendra vite à n'en pas douter un plugin indispensable.

LIEN