AdSense et le Responsive Design

GoogleAdsense

Vous êtes utilisateur d’AdSense et vous ne savez pas vraiment comment gérer sur votre site le fait que l’écran d’un internaute puisse être trop petit pour afficher une de vos bannières par exemple celle qui fait 468 pixels de large.. alors que votre site est en responsive design? Normal.

A ma connaissance il n’y a pas de vraie solution responsive à préconiser (à savoir qui s’adapte en direct si l’utilisateur redimensionne sa fenêtre de navigateur) car celles-ci impliquent soit de cacher une publicité (ce qu’interdit AdSense) soit d’en recharger une autre… bref pas génial.

Mais en attendant on peut parer aux besoins des utilisateurs mobiles qui vont donc charger votre site directement dans les dimensions de leur mobile et chez qui .. la publicité en 468 ou plus large va un peu faire tâche grâce à un peu de code Javascript.

Disons que votre code usuel soit :



Il va falloir le remplacer par :



A noter que dans l'exemple ci-dessus on a donc deux formats alternatifs , un très large pour les largeurs de plus de 800 pixels et un pour les largeurs inférieures à 400 pixels, un autre pour tout ce qui est compris entre 400 et 800.

Il faut bien générer ces blocs d'annonces dans AdSense puis remplacer les valeurs google_ad_slot et google_ad_client :)

Tags: ,