Comment ajouter des annonces Adsense dans les articles Blogger entre le titre et le corps de la page à la manière d’un blog Wordpress. Adsense est utilisé par la majorité des blogueurs et des webmestres et l’un des meilleurs emplacements pour les publicités est avant l’article sous le titre. Le problème est que Blogger ne possède aucune option qui permettent de le faire. Adsense dans Blogger se contente d’afficher les annonces entre les articles ou sur la Sidebar, mais c’est impossible d’en mettre sur les articles individuels. Mais on peut ajouter Adsense dans les articles de Blogger en les insérant directement dans le code HTML de la page.
Insérer Adsense dans les articles de Blogger pour des Templates Blogger standard
Commencez par vous procurer le code d’une annonce Adsense. Si vous le mettez dans l’état, Blogger ne pourra pas interpréter certains caractères spéciaux tels que <, > ou “. De ce fait, Adsense ne s’affichera pas, aussi il faut convertir le code Adsense dans un format lisible en HTML.
Utilisez cet outil de conversion HTML pour rendre le code lisible.
Connectez-vous dans votre Tableau de Bord, cliquez sur Présentation et Modifier le code HTML. Cochez l’option Développer les Gadgets de Blogger.
Cherchez la ligne suivante :
<data:post.body/>
Le code entier doit ressembler à :
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
Code Adsense
<data:post.body/>
Et vous devez mettre le code Adsense avant cette ligne data:post.body/ pour que les annonces apparaissent juste après le titre et avant le corps de la page. Enregistrez les modifications et testez pour voir si cela fonctionne. On doit préciser que les annonces Adsense apparaitront aussi sur la page d’accueil entre les articles.
Insérer Adsense dans les articles de Blogger pour des Templates Blogger personnalisés
La première méthode fonctionne pour des Templates standard (ceux qui sont fournis par Blogger), mais cela ne marche pas si vous utilisez un Template Blogger Personnalisé. Dans ce cas, les étapes sont similaires, à savoir, cherchez la ligne data:post.body/ et trouvez le code suivant :
<div class='post-body entry-content'>
<div style='clear:both;'/>
<b:if cond='data:blog.pageType != "static_page"'>
Code Adsense
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
Vous devez mettre le code Adsense après la troisième ligne juste après la ligne b:if cond='data:blog.pageType != "static_page"'. En général, c’est la première occurrence de data:post.body/ dans le Template. Enregistrez les modifications et testez le résultat.
Notez que cela ne marche que pour les Templates avec des options de modifications HTML et donc, c’est impossible sur un Template Blogger dynamique. Chaque blog étant différent, il sera nécessaire de tester avec des formats et des couleurs différents pour que vous obteniez de bons résultats.
