une Solution pour faire fonctionner Adsense avec JQuery Mobile

JQuery Mobile permet de réaliser de superbes thèmes pour les mobiles mais malheureusement le système de préchargement des pages (AJAX) bloque l’affichage des annonces Adsense. JQuery Mobile remplace en effet le contenu placé dans le bloc tagué data-role= »page » et fait ainsi dysfonctionner les script placé à l’intérieur, dont les annonces adsense. La seule solution à l’heure actuelle est de désactiver le préchargement des pages.
Voici le code à insérer dans votre header pour désactiver ce préchargement.

<html>
<head>
// ...
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function () {
 $.mobile.ajaxEnabled = false; 
  });
</script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
// ...

Il faut impérativement placer $.mobile.ajaxEnabled = false; avant l’appel du script jquery mobile. Espérons qu’Adsense ou mieux encore JQuery Mobile proposeront prochainement une solution permettant de conserver toute la puissance de JQuery Mobile.

Publié dans Javascript, jQuery

quand j’aurai le temps

  • les filtres wordpress
  • plugin wordpress et enregistrement de données
  • les wordpress custom post type
  • la bdd d'un blog wordpress
  • la balise more de wp
  • personnaliser une galerie wp
  • gérer les longueurs des extraits de wp
  • les animations css3
  • le memento symphony2
  • le squelette d'une page html5
  • liste sur plusieurs colonnes
  • le responsive design
  • exemple d'un jeu basique en html5
  • la réplication des bases de données
  • mettre en place une architecture en silo avec wp
  • parser un fichier xml (donc un rss) avec php5
  • mettre en place lightbox sans plugin
  • améliorer les performances de son wp
  • ajouter un bouton à l'éditeur de texte de wp
  • ...