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 Comments

  1. Güven · 18 novembre 2009 Reply

    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

    • Vincent · 18 novembre 2009 Reply

      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 !

  2. Tweets that mention Comment ajouter un bouton de bookmark Yoolink sur votre blog | Freetux -- Topsy.com · 18 novembre 2009 Reply

    […] This post was mentioned on Twitter by Vincent Chaigneau, Güven URGANCI. Güven URGANCI said: RT @freetux: On air: Comment ajouter un bouton de bookmark Yoolink sur votre blog http://bit.ly/2s5KPm […]

  3. uberVU - social comments · 18 novembre 2009 Reply

    Social comments and analytics for this post…

    This post was mentioned on Twitter by freetux: On air: Comment ajouter un bouton de bookmark Yoolink sur votre blog http://bit.ly/2s5KPm

Laisser un commentaire