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
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”.
