Comment ajouter un bouton de bookmark Yoolink sur votre blog

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 ?