Intégration Adsense dans un article
J’ai traité dans un article précédent de l’intégration d’annonces Google Adsense dans les pages sommaire, rubrique et article qui demandait une modification du squelette.
Voyons maintenant comme faire pour intégrer une bannière Adsense directement dans le contenu d’un article.
En insérant un peu de code HTML dans l’article, on peut obtenir toutes sortes de résultats intéressants.
En supprimant le cadre, l’annonce se fond mieux dans le contenu de l’article.
Pour commencer, connectez-vous dans votre espace Google Adsense et cliquez sur l’onglet "Configuration Adsense" pour choisir le format et le style de votre bloc d’annonce et récupérer le code correspondant.
Vous pouvez choisir la couleur des titres, liens, texte, bordure et fond. Avec des bordures et un fond de même couleur que votre fond de page, les annonces sont mieux "intégrées" à votre contenu, mais il vaut mieux tester plusieurs présentations pour voir ce qui fonctionne le mieux.
Pour ma part, j’ ai choisi le format "carré 200x200" qui me paraissait le plus adapté à la taille de ma colonne centrale, de manière à ne pas laisser le texte latéral trop étriqué.
Crééz un fichier adsense.html, faites un copier/coller de votre code Google Adsence, puis placez ce fichier dans le répertoire /squelettes/modeles/ ou si vous utilisez le squelette Sarka-SPIP 2.0 dans le répertoire /plugins/sarkaspip_2/modeles/
Il ne vous reste plus qu’à insérer la balise
<adsense1>à l’endroit voulu de votre article et le tour est joué.
Voici une manière élégante de le faire en recourant au CSS plutôt qu’à une table :
<div style="float:left;margin:5px 10px 0 0;">
<adsmall1>
</div><!-- adBelowVideo -->
<div style="text-align:justify;">
.....
.....
Mon contenu super interessant comme vous avez pu le constater si vous avez lu l'article jusqu'ici.
.....
.....
</div>J’ai passé beaucoup de temps à comprendre pourquoi mon code initial fonctionnait correctement sous Firefox mais pas sous IE. A force d’essais et d’erreurs, je me suis rendu compte qu’il suffisait de supprimer les propriété height : et width :.
Pour plus d’information sur l’utilisation des modèles, reportez-vous à cet article sur spip.net.
Commentaires