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

[ 9 ] Commentaires
Share

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=\ »http://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.

Vous serez peut-être intéressé :

9 commentaires sur ce billet

  1. HK dit :

    Waaw merci pour l’article, super !!!
    J’ai suivie tes instructions, notamment pour retirer le lien « linkwithin », mais ce dernier est toujours là… Bizarre ?

    RépondreRépondre
  2. Rwanitor dit :

    salut

    merci pour ceconseil par contre je n’arrive pas a telecharger le widget.
    peut tu me dire quand tu as fait.
    merci

    RépondreRépondre
  3. Antoine dit :

    Bonjour et merci pour ce billet,

    Le design de Linkwithin me plait particulièrement. Cependant, j’ai 2 questions (a noter que je n’ai qu’un fichier Linkwithin.ph et pas de fichiers .js
    1) Je ne trouve pas le code pour Chrome. Mais peut-être que le problème a été réglé.
    2) Comment faire pour centrer les billets relatifs sur notre blog au lieu de les voir coller à gauche ?

    PS: moi non plus le lien linkwithin ne s’enlève pas mais qu’importe il ne dérange pas vraiment.

    Merci beaucoup pour ton éventuel réponse même si le billet date un peu…

    RépondreRépondre
  4. Louis dit :

    @Antoine: Alors, je vais essayer de te répondre clairement.

    Pour Chrome, j’ai pas regardé depuis. J’ose espérer que ça a été réglé.
    Pour centrer l’affichage, rajoute < div align = " center " > avant le code et < / div > après.

    RépondreRépondre
  5. Erwin dit :

    Bonjour

    Impossible d’enlever le lien en bas à droite. Avez vous une idée ?

    RépondreRépondre
  6. Louis dit :

    @Erwin: Moi LinkWithin ne fonctionnait pas sur mon blog, alors plutôt que de le mettre, je l’ai remplacé par SimilarPosts. J’ai tout détaillé ici : http://www.abricocotier.fr/14859-changement-cdn-wordpress-remplacement-linkwithin-similarpost-timthumb

    RépondreRépondre
  7. Erwin dit :

    Ok je te remercie !

    RépondreRépondre
  8. dadou3x dit :

    Bonsoir et Merci pour les astuces,

    cependant j’aurais aimé savoir comment supprimer le titre du widget.

    Merci pour votre aide

    RépondreRépondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *