mardi 23 septembre 2014

Blogger - blogspot : ajouter le code Adsense asynchrone sans erreurs



Vous l'aurez peut-être remarqué, le code asynchrone fourni par Google Adsence a quelques difficultés à s'insérer directement dans votre template Blogger : à la moindre tentative d'enregistrer le code augmenté du script asynchrone, le message d'erreur "Attribute name "async" associated with an element type "script" must be followed by the ' = ' character" apparaît. Pas de panique, on est là.

Nous l'avons vu parfois :
"Je n'arrive pas à copier-coller le code Google Adsense sur mon blog.
J'ai une erreur Attribute name "async" quand j'essaie d'enregistrer le script Adsence dans le template de mon Blogspot.
Le code pour les publicités adsense ne fonctionne pas sur Blogger..."
Comment intégrer le code adsense asynchrone à Blogger - blogspot ? et Pourquoi a-t-on ce message d'erreur?

Le type de code asynchrone que fournit Google Adsense est de la forme :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- bannière 728x90 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-****"
     data-ad-slot="****"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Notez que la ligne :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

n'est en fait pas aux standards Html, il faut la remplacer par

<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 

Et hop! emballez, c'est pesé.

Si vous avez du mal à choisir ou placer le code dans votre template, ou si vous n'avez pas l'intention de modifier le code directement, vous pouvez également ajouter le code asynchrone (modifié ou non comme ci-dessus) dans un simple widget HTML/javascript. Évidemment, vous aurez moins de choix pour l'emplacement, et vous n'aurez plus la possibilité de choisir quelles pages vont l'afficher.

1 commentaires: