Avec OutBrain et LinkWithin, améliorez la navigation interne de votre blog

OutBrain et LinkWithin sont deux services qui proposent un widget à placer sur votre blog (plusieurs plateformes sont supportées, dont WordPress et Blogger), widget qui est par exemple à placer en bas de vos billets, et qui va fournir une galerie « imagée » (pour LinkWithn) et une liste (pour Outbrain) des billets en rapport avec le billet sur lequel est affiché le widget. Par exemple, sur AbriCoCotier, j’ai mis en place le plugin « Similar Posts », mais celui-ci ne renvoie que des URL de billets (ou des attributs bien définis de billets).

Le défaut de SimilarPost est de ne pas être aussi simple d’utilisation que OutBrain ou LinkWithin pour qui veut des images associées à ses liens ou des notes associées aux billets. Similar Posts ne gère qu’une recherche de similarité basée sur les tags ou les catégories (si je ne dis pas de bêtise), alors que Outbrain rajoute la « valeur » des billets.

Ces plugins sont totalement gratuits (et ils sont sans pub), mais ils passent par le site web des services pour se charger, ce qui a tendance à ralentir l’affichage des pages, et je n’ai pas besoin de vous redire à quel point ce sujet importe à mes yeux. Ils sont destinés pour les débutants, qui ne veulent pas s’embêter à aller mettre les mains dans le cambouis (ce que je respecte totalement : tout le monde n’a pas de connaissances en PHP suffisantes pour modifier même un petit bout de code).

Je rajoute que LinkWithin a par défaut un joli attribut d’ombrage des vignettes, ce qui fait un effet assez sympa (si vous voulez faire vous-même cet effet, je l’ai expliqué là). OutBrain, lui, permet de gérer la notation des billets, et donc de leur rajouter un aspect « vote des utilisateurs », qui peut être d’autant plus utile si vous souhaitez renvoyer, par la suite, du contenu de la meilleure des qualités.

Comment avoir le beurre ET l’argent du beurre ?

« Oui, mais j’aime bien LinkWithin, c’est propre et ça fonctionne bien. Comment faire alors ? » Deux solutions.

Solution 1 : Rapatrier les fichiers externes (comme ça vous ne dépendez plus des serveurs de LinkWithin).

C’est possible. Il « suffit » de télécharger le fichier widget.js et de le mettre quelque-part chez soit (moi je l’ai mis dans le dossier montheme/linkwithin/ ). Puis il faut aller voir dans le code du plugin. Il y a une ligne (la ligne 33 chez moi) où est écrit :

<script src=\ »http://www.linkwithin.com/widget.js\ »></script>

Remplacez le par l’URL du widget.js que vous aurez uploadé chez vous. Pour moi ça donne :

<script src=\ »https://www.abricocotier.fr/wp-content/themes/cleaker-21/linkwithin/widget.js\ »></script>

J’ai vérifié, cela fonctionne très bien (le plugin n’est pas affecté par ce changement d’URL). Notez qu’on peut aussi virer le lien LinkWithin (mais c’est pas super sympa) en bas du widget en supprimant la ligne :

<a href=\ »http://www.linkwithin.com/\ »><img src=\ »http://www.linkwithin.com/pixel.png\ » alt=\ »Related Posts with Thumbnails\ » style=\ »border: 0\ » /></a>

(Attention aux guillemets à la fin de cette ligne, et au point virgule, ils sont essentiels pour le fonctionnement du code, donc ne les virez surtout pas !).

Edit : Je disais des bêtises : il n’y a pas que le widget.js qui est à l’extérieur. Le widget.js lui-même va chercher certains trucs ailleurs.

Edit : ATTENTION ! Le code du plugin est mal vu par Chrome (qui dit : « Uncaught SyntaxError: Unexpected token <« . le problème est reporté là). Pour remédier à ce problème, changez les lignes :

$embed_code = « <script>
var linkwithin_site_id = monID;
</script>

En

$embed_code = « <script><![CDATA[
var linkwithin_site_id = monID;
]]></script>

Et chez moi, cela règle le problème !

Solution 2 : Faire ça soit-même avec le PHP.

C’est possible, mais je n’ai pas cherché le code. Cela ne doit pas être difficile. Si vous voulez tenter l’expérience, je vous conseille de vous baser sur SimilarPosts, de récupérer l’attribut Image pour chaque URL renvoyée, et d’en faire des vignettes, comme je l’ai expliqué dans le billet sur le carrousel.