Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact
Accueil / Tutoriels / Ajouter le code adsense au milieu de vos articles sur blogger

Ajouter le code adsense au milieu de vos articles sur blogger

Màj le 11 janvier 20161 Commentaire

Pour un utilisateur de WordPress, il est très facile d’intégrer les codes des annonces Adsense à l’intérieur des articles, mais pour les utilisateurs de la plateforme gratuite Blogger cette opération est un peu difficile à faire, aujourd’hui on va savoir comment faire pour ajouter facilement un code Adsense au milieu de vos articles sur Blogger.

Ajouter le code Adsense à l’intérieur de vos articles

Cette méthode est très intéressante, elle permet d’afficher le code Adsense dans l’emplacement qu’on veut, c’est à dire soit après le code <more>, après un certain paragraphe ou bien au milieu de l’article …

Maintenant on va savoir les étapes à suivre, mais avant tout je vous recommande vivement de faire une sauvegarde de votre thème .

Etape 1 :

Aller à votre plateforme Blogger > Modèle > Modifier le code Html

Faite une recherche sur <data:post.body/> on utilisant le fonction recherche ( ctrl + F) . Vous allez trouver plusieurs code, nous on va s’intéresser au deuxième code ( si on a pas constater aucun changement, on peut utiliser le troisième code ) .

ajoute-adsense-milieu-blogger

Etape 2 :

Maintenant on va remplacer le code trouvé <data:post.body/> par le code suivant :



<div expr:id='"adsmiddle1" + data:post.id'></div>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div style="clear:both; margin:10px 0">
<!-- Ajouter le code adsense ici -->
</div>

</b:if>
</b:if>

<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>

<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script> 

Etape 3:

Il ne vous reste que de coller votre code adsense juste après la note <!– Ajouter le code adsense ici –> , mais avant il faut convertir votre code pour qu’il soit compatible avec blogger, pour cela il suffit de faire une petite recherche sur Google pour trouver un site pour convertir votre code pour Blogger. Après enregistrer le modèle pour finir.

Pour centrer vos pub il suffit d’ajouter ce petit code avant et après le code adsense :



<div style="clear:both; margin:10px 0">
<center>
<!-- votre code adsense -->
</center>
</div>


 

Etape 4:

Maintenent pour insérer la pub Adsense dans l’endroit souhaité dans vos article il suffit d’y mettre le code suivant, on choisissant bien sur l’édition en HtML :

 <!-- adsense --> 

Voir l’image suivante :

adding-adsense-inside-posts

Si vous n’avez pas insérer ce code dans l’éditeur HTML de vos article, la pub apparaîtra directement après le titre de votre article.

Espérant que ce petit tuto vous aidera largement.



Share
Tweet
whatsapp
Share
Pin it

Cela devrait aussi vous intéresser :

  • 11 meilleures alternatives gratuites à WordPress
  • Ajouter un formulaire d’inscription FeedBurner sous vos articles
  • Comment nettoyer sa base de donnée MySQL WordPress
  • Lier votre nom de domaine à votre site sur blogger
  • 4 barres de recherche personnalisées pour votre site
  • Afficher les articles similaires (related post) en grille pour genesis

Catégorie(s): Tutoriels Mots clés : wordpress guide

Commentaires

  1. Med CHERADI

    14 février 2018 à 5:57

    Bonjour,

    Meme si j’ai suivi ces conseils je n’arrive pas à voir les pubs au milieu des mes articles.
    Merci de me donner plus de conseils ou vérifier.
    bien à vous

Laisser un commentaire Annuler la réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Abonnez-vous
Pour recevoir nos tutoriels
creer site web

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de wpcours.com et recevez nos tutoriels Wordpress Gratuitement.

Articles récents

  • Comment ajouter une animation de préchargement à WordPress
  • Ajouter des fichiers Javascript et CSS à l’en-tête et au pied de page dans WordPress
  • Comment corriger l’erreur de syntaxe (Parse Error) dans WordPress facilement
  • Trouver et réparer les liens cassés dans WordPress (Méthodes gratuites)
  • Comment ajouter automatiquement des titres en tant que liens d’ancrage dans WordPress

© 2019 ·compta-cours.com · Mentions · Contact