Un semblant d’interactivité dans la suggestion de liens
Certains plugins ont vraiment la cote, et de petites modifications peuvent apporter un “plus” à leur fonction fort pratique. Le sujet qu’on va aborder va permettre d’agrémenter l’affichage des articles seuls avec une suggestion de liens. Le but de la suggestion de liens est d’inviter un lecteur à passer d’un billet à l’autre, et donc de le garder un peu plus longtemps en ligne.
Pour ce faire, j’ai choisi d’utiliser le plugin “Related Posts” (RP) qui fournit très simplement une liste paramétrable de quelques liens relatifs. Un autre plugin du genre est “Landing Sites” (LS). Ce dernier a l’avantage par rapport au premier de détecter la provenance de votre lecteur. En effet, si le référent est un moteur de recherche, il est repéré et la liste des liens peut-être modifiée en fonction. Si ça ne paraît pas très clair maintenant, ça le sera par la suite.
Non content de chacun de ces plugins, on va les utiliser en même temps pour que ça semble un peu plus interactif. Est-ce que ça a un réel intérêt pour le blog ? Pas forcément c’est vrai, c’est du pur agrément.
En lieu et place de Related Posts, vous pouvez utiliser tout autre plugin remplissant cette fonction, mais la suite sera ici expliquée à l’aide du premier cité.
1. L’objectif
Ce qu’on souhaite, c’est afficher une boîte avec des liens suggérés qui soit différente en fonction de la provenance du visiteur. S’il suit un lien direct vers le billet il aura droit à tel type de boîte, s’il vient d’un moteur de recherche il verra autre chose.
2. Pré-requis
- Téléchargez Related Posts et Landing Sites (un bug est à corriger dans ce dernier) ;
- Envoyez-les sur le serveur ;
- Activez-les tous les deux ;
- Jetez un oeil aux options pour y mettre ce que vous préférez.
3. Modifications du template : single.php
(single.php ou tout autre fichier de votre template servant à afficher un billet seul)
Ne modifiez pas tout de suite, lisez d’abord ce billet jusqu’au bout.
Le template doit normalement contenir le code suivant afin que les plugins fonctionnent…
… pour Related Posts :
<?php related_posts(); ?>
… pour Landing Sites :
<?php if (ls_getinfo("isref") == true) { ?>
<h2>Votre recherche : <font class="h2landing"><?php ls_getinfo("terms"); ?></font></h2>
<p>Vous êtes arrivé ici via <?php ls_getinfo("referrer"); ?> en cherchant <i><?php ls_getinfo("terms"); ?></i>.<br><b>Les billets suivants pourraient vous intéresser:</b></p>
<p class="landing">
<?php ls_related(5, 10, "- ", "<br>", "<br>", "", false, false); ?>
</p>
<?php } ?>
4. Le problème
Il y a en effet un problème. On a d’une part le plugin RP qui affiche des liens à chaque visualisation d’un article, peu importe la provenance du visiteur. D’autre part, LS affiche des liens supplémentaires lorsque le visiteur provient d’un moteur de recherche.
Donc si le lecteur arrive sur votre billet suite à une recherche, il aura les liens de RP et de LS qui s’afficheront simultanément. Vous pouvez essayer si vous voulez, mais ça manque de sérieux et ça fait bâclé. Pire, ça peut induire une certaine confusion chez le lecteur qui pour finir n’ira pas voir plus loin.
5. La solution
Il suffit de coupler les deux codes précités afin de ne plus faire sortir que les données nécessaires en fonction de la page référente.
Ajoutez ceci à votre template, à l’endroit où vous désirez voir les liens suggérés être affichés :
<div id="landing">
<?php if (ls_getinfo("isref") == true) { ?>
A propos de votre recherche en provenance de <?php ls_getinfo("referrer"); ?> :<br />
<?php ls_getinfo("terms"); ?>
<br /><br />
<?php } ?>
Les billets suivants pourraient vous intéresser :
<ul>
<?php if (ls_getinfo("isref") == true) {
ls_related(3, 10, "<li>", "</li>", "", "", false, false);
} else {
related_posts();
} ?>
</ul></div>
6. Le résultat
J’ai volontairement évincé le CSS du code ci-dessus afin de laisser libre cours à votre imagination, mais avec un peu de style, voici ce que ça donne :
… pour Related Posts :

… pour Landing Sites :

» Bonus : exemple de style CSS et le code source correspondant.
» Conseil : ne proposez pas plus de 3 à 5 liens, ceci surcharge inutilement et va à l’encontre du “surf facile” qui veut qu’on “clique vite sans trop réfléchir”.

(2 votes, moyenne: 4,50 sur un total de 5)
Y abon ca !
Bonne initiative
J’en profite pour remercier l’équipe WP-France pour la vitesse à laquelle ils ont proposé WP 2.3 en français. Remarquable !
Héhé, je comptais mettre en place quelque chose comme ça, parfaite synchro je vais essayer !
Ah bah ça fait un petit moment que j’ai mis ça en place sur mon blog et j’aime assez bien.
Evidemment comme je ne suis pas une super bête en php… hé bien avec un peu de débrouillardise voilà le résultat.
Au lieu d’utiliser le plugin Related Posts, n’y a-t-il pas une solution avec WP 2.3 pour trouver les posts relatifs directement à partir des tags maintenant incrémenté à WP ?
Hé voilà, c’est possible de se passer de Related Posts pour utiliser les listes fournies par Simple Tags.
http://www.wordpress-fr.net/bl.....rdpress-23
wordpress en focre … bravo
bonjour,
je n’arrive pas a l’integrer …
qq’un pourrait me guider
merci a vous
Les liens pour un exemple de CSS et le code source sont mort.
Pourriez vous les réparer ?
D’avance Merci…
A priori, j’ai tout essayé comme indiqué ci-dessus, mais rien ne fonctionne.
Je pense que le vrai problème c’est d’indiquer où il faut placer le code dans la page.
Parce que : “Ajoutez ceci à votre template, à l’endroit où vous désirez voir les liens suggérés être affichés”
Pour moi ça ne veut rien dire du tout ! comment savoir dans du code php où mettre un code quand on ne connait pas le php !!!