Monetisaction Rentabilisez votre site web

4Juil/137

Afficher des bannières sans adserver sous WordPress

Comment afficher des bannières sans adserver sur WordPress.

Ayant eu besoin d'afficher des bannières sans adserver pour un site WordPress que j'administre bénévolement, j'ai eu a me poser cette question. La problématique de base était simple sur le cahier des charges :

  • Site à faible audience (faible charge serveur)
  • Pas de budget
  • Besoin de faire défiler des bannières cliquables mais pas en flash ou en javascript.
  • Facilité de mise en ligne des campagnes. (utilisateurs peu expérimentés)
Affichez simplement des bannières sans adserver

The Joker © Sam_Catch

Au début, j'ai cherché à utiliser les capacités du thème (Coraline) mais si celui-ci proposait bien un carrousel d'images défilantes en haut du site, il ne proposait pas de rendre les images cliquables.

J'ai donc du me tourner vers la jungle des plugins wordpress, j'en ai testé plusieurs (Header Slideshow entre autres) avant de fixer mon choix sur l'un d'entre eux : WP-Cycle. Ce plugin sert à faire des slideshow mais son usage principal peut-être détourné très facilement pour afficher des bannières sans adserver sous WordPress.

 

WordPress : pour afficher des bannières sans adserver

Pour servir les bannières sans adserver sous WordPress, une fois le plugin installé, vous aurez trois étapes à franchir avant de pouvoir servir vos publicités. Paramétrer le plugin, mettre en ligne vos campagnes et activer le plugin.

Mettre en ligne les publicités

Pour commencer, rendez-vous dans le menu dédié à WP-Cycle :

Menu de WP-Cycle

Une fois la page affichée, commencez par faire les réglages qui vont bien.

paramétrer les bannières sans adserver

Paramètres de WP-Cycle

Le plugin possède des paramètres simples et efficace, ceux qui nous intéressent le plus étant les suivant :

  • Réglage le temps d'affichage de chaque annonce.
  • Paramétrage du délai de transition (avec choix de la transition)
  • Choix des dimensions du format publicitaire

La mise en ligne d'une annonce se fait très simplement en deux étapes, appuyez sur le bouton "Parcourir" puis Upload (classique), vous verrez ensuite apparaître l'image en-dessous. Il ne vous restera plus alors qu'à indiquer l'URL du site et à cliquer sur "Update" pour en fait une bannière cliquable.

L'annonce qui sera proposée

Mise en ligne de l'annonce

Ajoutez ensuite autant d'images et de liens que vous avez de campagnes, la première étape pour afficher des bannières sans adserver est terminée.

 

Activer le plugin

La partie la plus amusante délicate de ce plugin réside dans le fait que vous allez devoir insérer vous même la ligne de PHP dans l'éditeur de thème.

Pour ce faire, rendez-vous dans l'éditeur de thème puis sélectionnez le fichier de la partie concernée du site où vous souhaitez voir faire figurer vos bannières sans adserver (header.php généralement)

C'est là que ça peut être délicat, assurez-vous d'avoir fait une sauvegarde de votre site (je vous conseille l'extension Simple Backup). Puis, cherchez la partie du code de votre header qui indique la fin de celui-ci.

Insérez alors la ligne de code suivante à cette endroit :

<?php wp_cycle(); ?>

La ligne de code pour afficher des bannières sans adserver.

L'endroit où insérer la ligne sur le site concerné

Une fois validé, le plugin doit normalement afficher les publicités sur  votre site. Tout est en place pour servir autant de campagnes que vous en vendez et afficher autant que vous voulez des bannières sans adserver avec WordPress.

Au final, le plugin fait le taff, on regrette juste quelques petites choses qui sont normales pour un Slideshow:

  • Impossibilité de faire s'afficher les publicités de manière aléatoires. Les publicités s'affichent donc toujours dans le même ordre, il y a bien possibilité de tricher mais c'est assez contraignant)
  • Pas de possibilité de comptabiliser les clics (hors goo.gl ou bit.ly) ni les affichages.
  • Pas de programmation de campagne avec des dates
  • Pas de possibilité de créer 2 formats (banner et billboard au hasard), il vous faudra choisir fromage ou dessert.
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Facebook
Facebook
Email this to someone
email

Cet article vous a plu? Parlez en autour de vous...

Posted by Romain

Commentaires (7) Trackbacks (0)
  1. Hello !

    Super article, merci ! Par contre, j’ai beau insérer le lien dans mon code éditeur, ça ne marche pas. 🙁 Existe-t-il des thèmes qui seraient réfractaires à ce genre de plugin ? Le mien s’appelle Minimatica…
    Ou alors je ne le mets pas correctement dans le code…

    Merci d’avance ! 🙂

  2. Ah au temps pour moi j’ai réussi ! en revanche la créa n’est pas centrée…

  3. tu peux essayer la balise « center », c’est du vieux HTML mais ça fonctionne

    Du coup, tu mets ton code entre une balise center et ça devrait marcher.

    < ?php echo lightword_searchbox(); ?>

    A tester. 🙂

  4. Bonjour,
    super tuto qui fonctionne a merveille.
    J’essaye cependant de garder le titre apparent car les images passent au dessus de tout.
    J’ai essayé de déplacer le code php mais rien n’y fait, le titre reste caché.
    Avez-vous rencontré et solutionné cela ?
    Merci de votre aide

  5. Au temps pour moi, j’ai trouvé, il faut mettre le code php à la fin de la div qui contient le titre et le slogan.

    • Effectivement, ça peut varier d’un thème à l’autre. Content que ça marche chez vous, sur quel site peut-on voir le résultat?

  6. Bonjour je voulais savoir si l’on pouvez utiliser ce pluging dans le sidebar, merci d’avance pour votre réponse !


Leave a comment

Time limit is exhausted. Please reload CAPTCHA.

Aucun trackbacks pour l'instant