plugin code wordpress

Ajouter facilement du code à WordPress

Article invité proposé par Florian LEMAIRE du blog Business Xperience.

Après avoir lu l’article de Robin sur comment mettre de la pub sur son blog WordPress, j’ai eu l’idée de rédiger cet article pour le compléter.

Avoir un blog, c’est bien. Pouvoir le personnaliser facilement, c’est mieux.

Aujourd’hui, je vais vous présenter une manière très facile de rajouter du code dans des emplacements spécifiques de votre blog.

Cela pourra vous servir pour afficher des bannières, mettre de la pub, ou tout ce que vous voulez.

Comment ajouter du code facilement dans WordPress

Nous pourrions éditer les pages php. Mais ce n’est ni simple, ni rapide.

Non, il y a mieux : utiliser un plugin spécifique. Il en existe plusieurs. Celui que j’utilise est Easy Advertissement Insert. Ce n’est peut-être pas le plus complet, mais il a l’avantage d’être super facile à utiliser. Vous allez voir :

Une fois le plugin installé, rendez-vous dans Réglages > Easy Advertisement Insert.

Vous tomberez sur une page toute simple :

plugin ads

Les 8 zones du plugin Easy Advertisement

Une page, 8 emplacements et un bouton pour enregistrer. Quoi de plus intuitif que ça ?

Voyons maintenant chacun de ses emplacements. Je vais également vous montrer une petite astuce pour les tester rapidement.

8 emplacements pour ajouter ce que vous voulez

Au lieu de vous décrire chaque champ de la page de configuration, je vais vous montrer comment tester facilement chaque emplacement.

Pour cela, prenez le code suivant :

<div style="width: 100%; height: 30px; font-size: 22px;line-height: 30px; color: #1C4FEA; text-align: center; background-color: #EAD2CE">ZONE #</div>

Remplacez uniquement le « ZONE # » par le numéro d’emplacement dans lequel vous mettez le code. Vous pourrez ainsi facilement tester sur votre blog où se trouve chaque emplacement.

Si vous ne comprenez pas le HTML/CSS, voici ce que fait cette ligne de code :

Un rectangle de couleur rouge clair occupera toute la largeur de la zone, celui-ci sera de 30px de hauteur. Au centre de celui-ci, il y aura du texte en bleu foncé avec le numéro d’emplacement.

Attention : il se peut que vous ne voyiez aucun emplacement (ou seulement certains) sur votre blog. C’est par exemple mon cas pour mon blog principal : www.business-xperience.com. La seule raison logique que j’ai trouvée pour l’expliquer est que le plugin n’est malheureusement pas compatible avec votre thème…

Sans plus attendre, voici une image de chaque emplacement :

Emplacement n°1

zone 1

Zone 1

Le 1er emplacement se trouve sur la page d’accueil du blog (celle où vous affichez la liste de tous les articles). Pour chaque article, l’emplacement se trouve entre la zone de titre et la zone de résumé.

Il s’agit du seul emplacement qui se retrouve plusieurs fois dans la page.

Emplacement n° 2

zone 2

Zone 2

C’est également entre le titre et le contenu. Mais cette fois-ci dans l’article directement.

C’est l’un des points les plus chauds de la page, prenez en soin ;).

Emplacement n°3

zone 3

Zone 3

On reste dans l’article et on va tout en bas. L’emplacement se trouve tout de suite après la fin du contenu.

Emplacements n°4 et n°5

Exactement la même place que les n°2 et n°3 sauf que l’on est passé d’un article à une page.

Par exemple, sur une page de contact :

zone 4 5

Zones 4 & 5

Emplacement n°6

zone 6

Zone 6

L’emplacement se situe juste en dessous de la boite de commentaire. Sur les articles et sur les pages.

Sur l’image, la zone apparait à droite du bouton d’envoi. Sur votre blog, la zone pourrait apparaitre en dessous en fonction de votre thème.

Emplacement n°7

zone 7

Zone 7

L’emplacement se situe tout en haut du site. Avant tout le reste sur le blog.

L’emplacement occupe toute la largeur de la page. Si vous voulez centrer le bloc, il faut utiliser le code suivant :

<div style="width: 980px; margin :0 auto;">VOTRE TEXTE</div>

Emplacement n°8

zone 8

Zone 8

Cette fois, il s’agit du bas de la page. Après tout le reste sur le blog.

Utiliser judicieusement chaque emplacement

Maintenant que l’on a vu chaque emplacement, faisons quelque constatation :

Les zones 7 et 8 (tout en haut et tout en bas du site) sont les seules tout le temps affichées. La 8e ne vous servira probablement pas, trop basse pour que vos visiteurs le voient.

La 7e est par contre très intéressante pour y insérer de la pub discrète, une bannière ou un appel à cliquer (pour annoncer une réduction sur votre produit par exemple ;)).

La zone 1 (sur la page d’accueil, entre titre et résumé d’article) n’est affichée que sur votre page d’accueil, mais celle-ci apparait plusieurs fois. Je vous déconseille fortement d’y mettre une image qui pourrait alourdir la page. Par contre, il peut être intéressant d’y mettre une petite publicité textuelle.

Si vous avez beaucoup de commentaires sur votre blog, la zone 6 (sous le bloc de saisie de commentaires) peut être intéressante. Autrement, ne l’utilisez pas, peu de lecteurs la verront.

Les emplacements 3 (sous les articles) et 5 (sous les pages) sont très bien situés pour y placer un call-to-action. Robin a mis son formulaire d’inscription à cet emplacement.

On termine par l’emplacement 4 (en haut des pages) et surtout le numéro 2 (en haut des articles) : le point chaud de votre site. Utilisez-le à bon escient :).

Personnellement, sur certains blogs, c’est cet emplacement que j’utilise pour présenter mon formulaire d’inscription.

Petit récapitulatif :

[checklist]

  • Zone 1 : À utiliser modérément pour de courtes publicités textuelles.
  • Zone 2 et 4 : Point chaud du site. Servez-vous-en judicieusement.
  • Zone 3 et 5 : Excellent pour y placer un call-to-action.
  • Zone 6 : De la publicité intéressante uniquement si beaucoup de commentaires sur votre site.
  • Zone 7 : Bon emplacement pour du textuel (publicité ou texte d’annonce)
  • Zone 8 : Je ne vois pas quoi y mettre. Si vous avez des idées ?

[/checklist]

Conclusion

Vous avez maintenant toutes les clés en main pour insérer ici et là des bouts de code comme :

[arrowlist]

  • De la publicité textuelle
  • Des bannières
  • Un formulaire d’inscription liste
  • Des liens
  • Ce que vous voulez

[/arrowlist]

Je vous ai montré le plugin Easy Advertisement Insert et ses 8 emplacements prédéfinis :

Emplacement 1 : sur la page d’accueil, entre titre et résumé de chaque article.

Emplacement 2 : sur un article, entre titre et contenu.

Emplacement 3 : sur un article, à la fin du contenu.

Emplacement 4 : sur une page, entre titre et contenu.

Emplacement 5 : sur une page, à la fin du contenu.

Emplacement 6 : en dessous de la boite de commentaire.

Emplacement 7 : Tout en haut du site, au-dessus du header.

Emplacement 8 : Tout en bas du site, en-dessous du footer.

Vous pouvez utiliser ce plugin ou un autre de votre choix. Le principe reste sensiblement le même. Utiliser le code HTML que je vous ai fourni pour voir rapidement chaque emplacement.

Tout ce qu’il vous reste à faire maintenant est de passer à l’action et d’effectuer des tests.

Article invité proposé par Florian LEMAIRE du blog sur la création d’un business sur internet. Florian vous partage ses expériences et ses connaissances pour la création et le succès d’un business sur internet afin de réaliser ses objectifs de vie.

Pour vous aussi publier un article invité sur PubContactrendez-vous ici.

VN:F [1.9.22_1171]
Rating: 5.0/5 (4 votes cast)
Plugin WordPress pour ajouter du code facilement à son blog , 5.0 out of 5 based on 4 ratings