Un Widget universel pour MinURL !
Et si c’était possible d’installer un peu partout un Widget MinURL, pour que vos visiteurs puissent directement Twitter un lien vers votre page ?
Certes, il y avait un widget MinURL pour WordPress, mais il n’était pas possible de l’installer sur une autre plateforme de blogs sans adapter le code du bookmarklet ou du plugin WordPress.
( ce qu’a fait eklablog avec succès )
J’ai le plaisir de vous annoncer l’arrivée du widget universel pour MinURL.
Il récupère automatiquement le titre de la page en cours ( contenu de la balise title ), ainsi que son url, et propose un lien direct vers Twitter.
En résumé
- Il est relativement malléable, et adaptable à tous designs.
- Il est actuellement hébergé chez Amazon S3, mais peut tout à fait être copié/adapté sur votre serveur.
- Le code ci-dessous, et celui de widget.js est placé sous licence WTFPL, ce qui signifie que vous pouvez l’utiliser, le modifier pour votre usage ou l’améliorer ( dans ce cas, n’hésitez pas à me prévenir 🙂 )
Instructions
Pour l’installer, c’est très simple :
Copiez/Collez le dans votre code source / fenêtre, là où vous souhaitez le voir s’afficher.
Dans un widget texte de WordPress, pourquoi pas 😉
Vous pouvez également séparer la partie script, et la placer le plus bas possible dans votre page, pour de meilleures performances d’affichage 🙂
Le code à copier/coller
<span id="minurl_lien"></span>
<script type="text/javascript"
src="http://minurl.fr.s3.amazonaws.com/widget.js"></script>
A vous de jouer 🙂
edit :
Mise à jour !
L’image par défaut ne vous convient pas ?
Aucun problème, vous pouvez configurer le widget pour afficher une image de votre choix :
<span id="minurl_lien"></span>
<script type="text/javascript">
var minurl_img = \'http//votresite.com/votreimage.jpg\';
</script>
<script type="text/javascript"
src="http://minurl.fr.s3.amazonaws.com/widget.js"></script>
EDIT :
Vous trouverez dans les commentaires une version très améliorée par piouPiouM, à installer chez vous, et toujours sous licence WTFPL 😉
Attention, si vous comptez utiliser ce script sur un site très fréquenté, je vous recommande de copier le script sur votre serveur 😉
Written by Kévin / MinURL
30 Mai 2009 à 00:28
Publié dans Actualité
Tagged with code source, lien, widget
14 Réponses
Subscribe to comments with RSS.
MinBlog : MinURL Blog ! 
Je kiffe la license 😀
En effet ce plugin est mieux, en particulier parce qu’il y a rien à modifier pour son installation et parce que les moteurs de recherche ne peuvent pas voir le lien généré.
Godefroy (Skreo)
30 Mai 2009 at 00:53
C’est un peu crade tout ça 😀
1. Ta variable au nom bien commun « foo » peut être écrasée, ou pire, écraser une variable qui existerait déjà sur le site.
2. Aucune gestion de SSL.
3. Duplication de l’identifiant #minurl_lien
Voici une proposition de script englobée dans une fonction anonyme afin d’en limiter la portée, avec support de SSL et suppression du innerHTML 😀
http://pastie.textmate.org/494556
piouPiouM
30 Mai 2009 at 00:54
@Godefroy Merci 🙂
@pioupioum roooh. merci :), je vais réadapter tout ça alors 😉
Kévin / MinURL
30 Mai 2009 at 01:01
1/ Corrigé 🙂
2/ J’ai mis en place ton test, bien vu 😉
3/ Aie, je l’avais pas vu. C’est ça de coder tard … C’est corrigé 😉
4/ Tu déchires 😉
Sinon, pour la dernière note, j’attends de comprendre exactement le mécanisme derrière avant de mettre ça en place 🙂
Kévin / MinURL
30 Mai 2009 at 01:07
Euhmm c’est pas totalement corrigé, la duplication de ton ID est toujours là en fait ^^
on a
minurl_foo = document.getElementById(‘minurl_lien’);
puis
minurl_foo.innerHTML= ‘<a id= »minurl_lien » title= »Env[…]’;
donc dans ton élément dont l’id est « minurl_lien », tu places un lien dont l’id est…. « minurl_lien » 😀
Allez Kévin, tu peux y’arriver o/ Btw, je kiffe la license aussi ^^
Tsadiq
30 Mai 2009 at 07:21
@Tsad … mmm … j’étais pourtant sûr. Bizarre.
Kévin / MinURL
30 Mai 2009 at 09:08
@Kévin l’encapsulation du code dans la fonction anonyme va le rendre invisible et inaccessible du reste du DOM.
En clair, en son sein, le code a une portée privée et, comme la fonction n’est pas nommée, elle n’est pas référencée dans le DOM. Donc invisible 🙂
Tu t’assures ainsi un code non intrusif sur le site cible.
Au niveau de la syntaxe (function(){…})(). Dans le premier groupe de parenthèses tu déclares la fonction anonyme. Le second groupe exécute la fonction.
Autrement, pour la fonction html2Dom, j’utilise les fragments d’arbre (createDocumentFragment) qui sont plus rapides que la création d’éléments en dehors du DOM et dans certains cas plus rapide que innerHTML. Ici ce n’est peut être pas pertinent mais j’ai pris l’habitude de ne plus utiliser innerHTML ^^’
piouPiouM
30 Mai 2009 at 11:35
Ok, j’étudierais ça mardi 😉
Merci beaucoup en tout cas 🙂
Kévin / MinURL
30 Mai 2009 at 16:01
Je te propose une autre version (à améliorer, compléter) :
http://pastie.textmate.org/516826
Exemple d’utilisation :
<span id="minurl_lien"></span> <script type="text/javascript" charset="utf-8"> (function() { var muHost = (('https:' == document.location.protocol) ? 'https://': 'http://') + 'minurl.fr.s3.amazonaws.com'; document.write(unescape('%3Cscript%20src%3D"' + muHost + '/widget.js" type="text/javascript"%3E%3C%2Fscript%3E')); })(); </script> <script type="text/javascript" charset="utf-8"> try { MinURL.run({ img: 'http//votresite.com/votreimage.jpg' }); } catch (e) {}; </script>La méthode
MinURL::run()attend pour argument un objet en notation abrégée et accepte les propriétés suivantes :img : URL de l’image à afficher.
target : Identifiant de l’élément cible qui accueillera le lien.
id : Indentifiant du lien inséré.
alt : Texte alternatif de l’image (i18n).
title : Titre du lien inséré (i18n).
Si aucun argument n’est donné, les valeurs par défaut seront utilisées.
piouPiouM
18 juin 2009 at 21:42
Merci piouPiouM !
Kévin / MinURL
18 juin 2009 at 23:20
WTFPL, une license qui pète tout ! 😀
Bon choix 🙂
Antwan
9 juillet 2009 at 11:08
Bonjour,
Je suis hébergée sur WordPress.com avec un thème widgetisable.
J’ai essayé d’installer votre script V2 dans un widget mais cela ne fonctionne pas. Je crois bien que je ne peux pas y insérer les codes en « script », vous confirmez ?
See Mee
7 mars 2010 at 02:06
En effet, c’est un des blocages de WordPress.com. Désolé 🙂
Kévin / MinURL
10 mars 2010 at 17:20
Et bien maintenant je sais à quoi m’en tenir. Merci de la réponse.
See Mee
11 mars 2010 at 09:19