Un semblant d’interactivité dans la suggestion de liens

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

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 :

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

10 commentaires

  1. Louis

    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 !

  2. Sinklar auteur de l’article

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

  3. Benoît

    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 ?

  4. Nico

    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 !!!

Les commentaires sont fermés