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.
Vous serez peut-être intéressé :
- • Changement de dossier du CDN vers WordPress + Remplacement de LinkWithin par SimilarPost puis TimThumb
Depuis longtemps, j'avais pas mal de photo de ce blog qui étaient stockées derrière le domaine louisvolant.com. Pourquoi ? Parce que à une époque aujourd'hui lointaine, j'avais deux hébergements, un s...
- • Avec CommenTwitter, poster sur Twitter les commentaires de votre blog
Je cherchais depuis quelques semaines un outil me permettant de publier sur le compte Twitter d'AbriCoCotier les commentaires publiés sur le blog, ce qui permettrait aux abonnés/followers de ce compte...
- • Un carrousel d’images au lieu de simples liens sur votre blog WordPress
Sur plusieurs blogs, j'ai pu trouver ce que j'appellerai un "carrousel d'images", permettant d'afficher l'image d'un billet, cliquable, avec sur celui-ci une partie grisée sur laquelle est écrit le ti...
- • 5 conseils pour améliorer le temps de chargement de votre WordPress
Ce matin, je me suis fait très peur, en voyant le temps de chargement moyen de mon Wordpress sur Google Site Performance. Celui-ci m'a appris que mon blog se chargeait plus lentement que 89% des sites...
- • Plugin Most-commented : faites attention à la mise à jour 2.0
Chaque nouvelle version de Wordpress amène son lot de mises à jour au niveau des plugins. Quelque fois, les mises à jours ne sont finalement pas très intéressantes, comme c'est le cas pour le plugin M...
9 commentaires sur ce billet
Laisser un commentaire
- 11 March 2018Comment bloquer toutes les pubs sur son réseau internet avec Pi-Hole(0) Comments
- 21 January 2018Migrer de Calendar vers ZonedDateTime & LocalDateTime(0) Comments
- 20 January 2018Comment récupérer une base de code Spring Boot/Maven rapidement(0) Comments
- 20 January 2018Comment utiliser IntelliJ Idea Ultimate gratuitement et légalement sans limite de durée(0) Comments
- 08 December 2017ffmpeg : comment Ré-encoder et/ou faire tourner (réorienter) une vidéo en ligne de commande(0) Comments
- 19 November 2017Remplacer du texte via Regex dans les post de Wordpress(2) Comments
- 16 November 2017Lancement d'une fusée : quel est le découpage du prix de chaque élément ?(0) Comments
- 17 September 2017Comparatif des offres de stockage de gros volume sur le net(2) Comments
- 13 August 2017Bolivie – Jour 20 : Visite de La Paz(0) Comments
- 13 August 2017Bolivie – Jour 19 : La route de la mort dans les Yungas(0) Comments
Waaw merci pour l’article, super !!!
J’ai suivie tes instructions, notamment pour retirer le lien « linkwithin », mais ce dernier est toujours là … Bizarre ?
salut
merci pour ceconseil par contre je n’arrive pas a telecharger le widget.
peut tu me dire quand tu as fait.
merci
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…
@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.
Bonjour
Impossible d’enlever le lien en bas à droite. Avez vous une idée ?
@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
Ok je te remercie !
Bonsoir et Merci pour les astuces,
cependant j’aurais aimé savoir comment supprimer le titre du widget.
Merci pour votre aide