Catégories
Geekerie

Comment ajouter un bouton de bookmark Yoolink sur votre blog

Homepage de Yoolink, le site de social Bookmark
Homepage de Yoolink, le site de social Bookmark

Lors de la refonte de Freetux j’ai voulu intégrer un bouton permettant d’ajouter les billets du blog sur Yoolink directement depuis le blog sans sortir du billet.

Après avoir chercher dans les archives du blog de Yoolink et sur le site j’ai du me rendre à l’évidence que pour le moment il n’existait pas de tutoriel officiel alors je me suis lancé dans l’autopsie du bookmarklet de Yoolink pour en déduire un lien de bookmarking. Afin de vous éviter une perte de temps, je vous propose une solution.

Faire un bouton de partage:

Copiez/Collez le code et personnalisez le en remplacant URL-DE-L-IMAGE par l’adresse url de votre bouton.

<a href="javascript:void(function(){var%20freeYooBooton%20=%20{host:%20'http://www.yoolink.fr',version:%202.1,yRescue:%20function(raison){if(!raison)%20raison='ffbarre';var%20url_curent%20=%20'';var%20titre%20=%20'';var%20selection%20=%20'';try{var%20d%20=%20window.document;url_curent=%20encodeURIComponent(d.location);titre%20=%20(d.title)?d.title:'';titre%20=%20encodeURIComponent(titre);selection%20=%20encodeURIComponent(d.getSelection());}catch(e){}var%20url_final%20=%20this.host%20+%20'/addorshare?from=barre&amp;raison=bookmarklet&amp;container=full&amp;raison='+raison+'&amp;v=2_1&amp;url_value='+url_curent+'&amp;title='+titre+'&amp;selection='+selection;window.document.location%20=%20url_final;return%201;},AddAndShare:%20function(){try%20{var%20d%20=%20window.document;}%20catch(err){return%20this.yRescue()}var%20myYooScript%20=%20d.getElementById('YooscriptAddAndShare');if(!%20myYooScript){try%20{YooScript%20=%20d.createElement('script');YooScript.setAttribute('id','YooscriptAddAndShare');YooScript.src=this.host+'/jsout/addandshare.js';d.body.appendChild(YooScript);}catch(err){return%20this.yRescue()}}else{if(d.getElementById('YooAddDiv')){try{var%20fin_du_monde%20=%20d.createElement('script');fin_du_monde.text='if(document.getElementById(\'YooAddDiv\'))yooAddCloseAndDestroy();';d.body.appendChild(fin_du_monde);return%201;}catch(err){}}else{if(myYooScript.text.indexOf('loaded')!=-1){try{var%20creation_du_monde%20=%20d.createElement('script');creation_du_monde.text='yooAddDiv();';d.body.appendChild(creation_du_monde);}catch(err){}}else{YooScript.parentNode.removeChild(YooScript);}}}}};freeYooBooton.AddAndShare();}())" target="_blank"><img src="URL-DE-L-IMAGE" alt="" /></a>

Un simple lien de partage Yoolink:

Pour ceux qui préfèrent une version texte il vous suffit de copier/coller le code suivant:

<a href="javascript:void(function(){var%20freeYooBooton%20=%20{host:%20'http://www.yoolink.fr',version:%202.1,yRescue:%20function(raison){if(!raison)%20raison='ffbarre';var%20url_curent%20=%20'';var%20titre%20=%20'';var%20selection%20=%20'';try{var%20d%20=%20window.document;url_curent=%20encodeURIComponent(d.location);titre%20=%20(d.title)?d.title:'';titre%20=%20encodeURIComponent(titre);selection%20=%20encodeURIComponent(d.getSelection());}catch(e){}var%20url_final%20=%20this.host%20+%20'/addorshare?from=barre&amp;raison=bookmarklet&amp;container=full&amp;raison='+raison+'&amp;v=2_1&amp;url_value='+url_curent+'&amp;title='+titre+'&amp;selection='+selection;window.document.location%20=%20url_final;return%201;},AddAndShare:%20function(){try%20{var%20d%20=%20window.document;}%20catch(err){return%20this.yRescue()}var%20myYooScript%20=%20d.getElementById('YooscriptAddAndShare');if(!%20myYooScript){try%20{YooScript%20=%20d.createElement('script');YooScript.setAttribute('id','YooscriptAddAndShare');YooScript.src=this.host+'/jsout/addandshare.js';d.body.appendChild(YooScript);}catch(err){return%20this.yRescue()}}else{if(d.getElementById('YooAddDiv')){try{var%20fin_du_monde%20=%20d.createElement('script');fin_du_monde.text='if(document.getElementById(\'YooAddDiv\'))yooAddCloseAndDestroy();';d.body.appendChild(fin_du_monde);return%201;}catch(err){}}else{if(myYooScript.text.indexOf('loaded')!=-1){try{var%20creation_du_monde%20=%20d.createElement('script');creation_du_monde.text='yooAddDiv();';d.body.appendChild(creation_du_monde);}catch(err){}}else{YooScript.parentNode.removeChild(YooScript);}}}}};freeYooBooton.AddAndShare();}())" target="_blank">Bookmarker sur Yoolink</a>


Si vous avez pris le temps de parcourir le code vous aurez surement remarqué les quelques boutades laissée par l’équipe de dev de Yoolink (cf les variables fin_du_monde et creation_du_monde)

Si vous voulez suivre mes sélections sur Yoolink ou partager avec moi vos découvertes n’hésitez pas à cliquer sur mon badge ci contre

C’est simple et efficace, n’est ce pas ?

4 réponses sur « Comment ajouter un bouton de bookmark Yoolink sur votre blog »

Merci pour le tuto !

C’est vrai qu’il manque une aide pour l’installation des boutons et widgets sur le site.

Nous nous sommes concentrés sur le coeur du service pour la v2 (partage FB/Twitter, Commentaires, Plugin navigateur, etc..) mais nous n’oublions pas ces outils qui vont d’ailleurs être mis à jour, autant les badges que les boutons de partage/publication et le plugin WP.

Si tu as des idées/suggestions…
Ou même les nombreux lecteurs de ce blog..
Vous êtes tous les bienvenus à nous en faire part ici ou via tous les moyens de communication habituels (twitter, yooblog, email, ..) 🙂

Güven

Merci Guven pour cette réponse.

Ce qui est vraiment bien avec Yoolink c’est que l’équipe est réellement présente et écoute vraiment bien ses utilisateurs. Je n’ai pas d’action dans Yoolink mais je dois dire que je suis particulièrement fan de ce que vous faites.

Great job les mecs alors continuez comme ça !

Laisser un commentaire

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