Souscrire via RSSArchives de la catégorie ‘Adsense’
Convertisseur de Code HTML ou Code Adsense dans Blogger
Ce petit utilitaire vous permet de convertir votre code HTML (conversion des caractères “<” et “>”) pour pouvoir l’utiliser soit :
- Dans le corps de vos messages ou articles sans être interprété par Blogger ou tout compilateur de code html
- Pour convertir le code Adsense si vous voulez par exemple afficher des annonces adsense dans le corps de votre message ou article dans Blogger (voir l’article insérer le code Adsense dans le corps de votre message dans Blogger)
Convertisseur de Code
Tapez votre Code HTML ou Votre Code Adsense
Aucun Commentaire »
Comment insérer le code adsense en bas de votre corps de message dans Blogger?
Astuce Blogger :
Insérer
Code Adsense
En bas de votre corps de message
Code Adsense
En bas de votre corps de message
Parmi les positions préconiser par l’équipe d’Adsense est le bas de vos corps de message. En effet, selon Google Adsense ” Certains emplacements sont plus indiqués que d’autres. Ce plan illustre les meilleurs emplacements sur un exemple de format de page. Les couleurs passent de l’orange foncé (meilleures performances) au jaune clair (moindres performances). De façon générale, les emplacements d’annonce situés dans la partie visible de la page affichée offrent de meilleures performances que ceux situés en dessous. Les annonces diffusées à côté d’un contenu riche et à proximité d’outils de navigation sont souvent associées à de bons résultats, car ces zones attirent l’attention des internautes…
Sur les pages qui présentent un article aux internautes, par exemple, les annonces placées directement après la fin du contenu éditorial offrent généralement de très bonnes performances. C’est comme si l’utilisateur, à la fin de sa lecture, se demandait quelle action effectuer ensuite et trouvait la réponse en consultant des annonces très ciblées.“Source : Google Adsense Support
Comment insérer le code adsense en base des messages ou articles?
Aller dans Tableau de bord de votre blog at cliquer sur Présentation, ensuite “Modifier le Code Html” et cocher “Développer des modèles de gadgets” situé à droite.
En utilisant la commande Ctrl+F chercher les deux codes suivants :
<div class=’post-footer’>
<div class=’post-footer-line post-footer-line-1′>
<div class=’post-footer-line post-footer-line-1′>
c’est au dessous de ces codes qu’on va insérer notre code adsense.
Avant ça, il faut absolument convertir le code initial d’Adsense pour qu’il puisse être traduit par le compilateur de code html de blogger.
Pour ce faire, allez dans la page de conversion de code Adsense suivante : Convertisseur de code adsense
Puis copier et coller votre code dans le convertisseur de code puis cliquer sur convertir.
Puis copier et coller votre code dans le convertisseur de code puis cliquer sur convertir.
Votre code ressemblera à ceci :
Important : pour que les annonces Adsenses s’affichent uniquement dans les pages de messages et non pas la page d’acceuil , vous devez inserer la condition suite :
<b:if cond=’data:blog.pageType == "item"’>
Votre code Adsense converti ici
</b:if>
Votre code Adsense converti ici
</b:if>
Enfin le code final sera comme suit :
Si vous voulez insérer l’annonce Adsense en haut de votre corps de message et juste après le titre se référer à l’article suivant :
Comment insérer le code adsense dans le corps de message…
Google lance son blog adsense version Arabe
Félicitations pour les utilisateurs d‘Adsense des pays arabes. Google a lancé le blog Adsense version Arabe.
Le blog Adsense permet aux utilisateurs de bénéficier des derniers conseils, astuces et tutoriels pour optimiser les annonces Adsense, l’explication en détail de la charte d’Adsense, les erreurs graves à ne pas faire…
Comment ajouter un bloc annonce d’adsense uniquement dans la page d’accueil de votre Blog dans blogger?
Dans blogger vous avez droit à trois blocs d’annonces d’Adsense. Aujourd’hui, je vais vous donner une astuce pour personnaliser l’affichage des annonces dans votre Blog.
Cet Article suppose bien évidemment que vous avez un compte Adsense et que vous avez créez des annonces et elles sont prêtes à être inséré dans vos pages.
On suppose que je veux afficher une annonce uniquement dans la page d’accueil. pour cela je vais ajouter un gadget de type html/Javascript ( allez dans Tableau de bord — Présentation – Ajouter un gadget) et je vais le nommer “Annonce” puis Enregistrer. Pour l’instant cette annonce parait dans toutes les pages de votre blog.
Comment personnaliser ce gadget “Annonce” ?
Aller dans “Modifier le Code Html” dans l’onglet “Présentation” en s’assurant que ”Développer des modèles de gadgets” est bien coché.
Chercher le nom de votre gadget dans le code html de votre blog en utilisant la commande CTRL+F. Vous allez trouver un code qui ressemble à ceci :
<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>
On peut localisé notre gadget soit par son nom soit par son code, dans notre cas “HTML3″, attribué automatiquement par blogger.
Nous allons ajouter deux lignes de code pour que notre gadget sera affiché uniquement dans la page d’accueil.
notre nouveau code du gadget “HTML3″ ou “Annonce” sera comme suit :
<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>
si nous voulions que notre gadget Annonce s’affiche uniquement en pages d’article on ajoutra également deux lignes de code suivant :
<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == “item”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>
N.B : Cette Astuce peut être appliquée à n’importe quel gadget de votre blog par exemple le gadget des posts récents que vous voulez l’afficher uniquement dans les pages d’article … etc.