Objectif
Dans SPIP, si vous activez les statistiques et consultez la page « Liens entrants », vous pouvez obtenir des aperçus des différents sites à l’origine de vos visiteurs.
Ce plugin a pour but de généraliser cette fonction à l’ensemble de votre site en étendant la balise #LOGO_SITE et en fournissant aussi une balise, un filtre et des modèles pour afficher ces vignettes.
Attention, dans cette nouvelle version, le nom du filtre et des modèles ont été modifiés.
Installation
Comme tout plugin, il suffit de suivre les procédures manuelles ou automatiques standard. Il s’agit de mettre le contenu du zip dans votre répertoire plugins/.
Pour plus d’information veuillez vous reporter à cette documentation : SPIP-1-9-Les-Plugins.
Pré-requis
Il faut impérativement activer le plugin CFG pour être en mesure d’utiliser Thumbsites.
Configuration
Dès que le plugin est activé, les fonctions d’aperçu sont disponibles et la balise #LOGO_SITE est étendue.
L’interface de configuration permet donc essentiellement de choisir le serveur de vignettes et ses éventuels paramètres d’utilisation. Pour le moment, il est possible d’utiliser les services de :
- thumbshots.com
- girafa
- thumbshots.de
- websnapr
Si aucune configuration est enregistrée, Thumbsites utilise par défaut le serveur Thumbshots.com.
- Thumbshots.com
C’est le serveur utilisé par SPIP et le plus connu des générateurs de vignettes. Il n’est pas nécessaire d’être identifié auprès de ce serveur pour obtenir les vignettes.
Si l’aperçu n’est pas disponible, une image de 1px de large est affichée à la place.
![]()
- Thumbshots.de
C’est le miroir allemand du site précédent. Il n’est pas nécessaire d’être identifié auprès de ce serveur pour obtenir les vignettes.
![]()
- Girafa
Ce serveur nécessite une inscription pour utiliser le service de vignettes. Une version gratuite est disponible si vous sollicitez le serveur moins de 2000 fois par jour.
Les aperçus sont un peu plus grand que ceux de thumbshots. Si l’aperçu n’est pas disponible, une image « non disponible » est affichée en lieu et place.

- WebSnapr
Ce serveur nécessite une inscription pour utiliser le service de vignettes. Une version gratuite est disponible si vous sollicitez le serveur moins de 250 000 fois par mois.
Seules 80 captures de sites seront traitées chaque heure. Les captures peuvent aller jusqu’à une résolution de 640*480 pixels.

Utilisation par un webmaster
Le plugin propose plusieurs méthodes pour insérer une vignette dans le code d’un squelette SPIP :
- la balise étendue #LOGO_SITE
- la balise #THUMBSHOT
- le filtre thumbshot
- et les modèles site_thumbshot et auteur_thumbshot que nous décrirons dans la section suivante dédiée au rédacteur.
- La balise #LOGO_SITE
C’est la méthode privilégiée pour utiliser le plugin Thumbsites dans le code des squelettes. Thumbsites étend la balise #LOGO_SITE de SPIP - à l’instar du plugin Gravatar pour la balise #LOGO_AUTEUR - de telle façon qu’elle retourne le logo si il existe ou la vignette sinon.
Exemple d’utilisation, une partie du modèle site_thumbshot :
- <BOUCLE_site_thumbshot(SITES){id_syndic}>
- [<div>
- <a href="(#URL_SITE)" class="spip_out">[(#LOGO_SITE)]</a>
- <p>
- <strong class="#EDIT{nom_site}">#NOM_SITE</strong>
- [ — <span class="#EDIT{descriptif}">(#DESCRIPTIF|PtoBR|couper{110})</span>]
- </p>
- </div>]
- </BOUCLE_site_thumbshot>
- La balise #THUMBSHOT
Cette balise renvoie uniquement la vignette du site. Elle permet donc de pallier à l’existence d’un logo et de toujours forcer la vignette au détriment du logo du site. Cette balise possède trois arguments :
- l’url du site
- la taille de l’image à afficher (facultatif)
- l’image par défaut si aucune vignette n’est récupérée (facultatif)
Exemple d’utilisation, la liste des vignettes de tous les sites :
- <BOUCLE_site_thumbshot(SITES)>
- [<a href="(#URL_SITE)" class="spip_out">[(#THUMBSHOT{#URL_SITE, 32})]</a>]
- </BOUCLE_site_thumbshot>
- Le filtre thumbshot
Ce filtre retourne le chemin complet de la vignette en cache correspondant à l’url du site passée en argument.
Exemple d’utilisation, l’url peut être issue d’une boucle ou pas :
- <BOUCLE_site_thumbshot(SITES)>
- <img src="[(#URL_SITE|thumbshot)]" alt="[(#NOM_SITE|attribut_html)]"[ title="(#NOM_SITE|attribut_html)"] />
- </BOUCLE_site_thumbshot>
- ou
- <img src="[(#VAL{http://www.lequipe.fr}|thumbshot)]" alt="Lequipe.fr" title="Lequipe.fr" />
Utilisation par un rédacteur
Le plugin propose 2 modèles utilisables dans un article ou une rubrique, par exemple :
- site_thumbshot.html, qui affiche la vignette du site désigné par un id ou par une url
- auteur_thumbshot.html, qui affiche la vignette du site de l’auteur si il existe
Le rédacteur peux donc saisir dans son texte :
-
<site20|thumbshot>pour afficher la vignette du site d’id 20, ou bien -
<site|thumbshot|url=http://www.lequipe.fr|titre=Lequipe|descriptif=tout le sport>pour afficher la vignette du site Lequipe.fr avec son titre et son descriptif, ou bien -
<auteur1|thumbshot>pour afficher la vignette du site de l’auteur d’id 1
Affichage dans l’espace privé
Dès que le plugin est activé, il modifie l’affichage de la colonne gauche de la page d’édition d’un site en rajoutant un bloc avec la vignette du site sous le bloc du logo du site comme l’illustre l’image ci-dessous.

On y réfléchit...
- Trouver un bel icône pour le plugin
- Ajout d’un bouton « Rafraichir » sous la vignette du site dans sa page d’édition
- Ajout d’une configuration de la durée du cache (cfg)
- Rajouter des serveurs (robothumb, snapcasa...)



Le plugin Thumbsites
Vos commentaires
# Le 6 septembre 2011 à 15:28, par chankalan
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
girafa ferme ses services à partir du 1er septembre 2011... il faudra retirer ce choix du plugin ?
# Le 25 septembre 2011 à 09:04, par cam.lafit
En réponse à : Thumbsites - documentation utilisateur
Bonjour
Ce choix a été désactivé : http://zone.spip.org/trac/spip-zone/changeset/49739/_plugins_/thumbsites mais il n’est pas remonté du fait de l’oubli de mise à jour du numéro de version.
Répondre à ce message
# Le 12 septembre 2011 à 10:38, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
J’ai un souci avec Thumbsites. Quand je l’ai installé, il a parfaitement fonctionné. Mais aujourd’hui, ce n’est plus le cas. La fenêtre de vignettes n’apparaît plus à gauche sous « logo du site ». J’ai eu beau charger la dernière version, vider le cache, etc... aucun résultat.
Pire, le formulaire de référencement de site affiche toujours le message que l’URL saisie n’est pas valide (!!!) et dans l’espace privé, le formulaire de saisie automatique du titre et du descriptif des sites affiche toujours « Site Introuvable ». Je suis bien embarrassé parce que je ne vois vraiment pas ce qui a causé ce trouble généralisé sur l’annuaire des sites web.
Pour Thumsites, j’ai changé de prestataire et ai pris apercite.fr, ce qui a eu pour effet de faire disparaître toutes les vignettes créées par thumbshots.com, même quand j’ai remis ce prestataire ! J’ai dû créer manuellement les vignettes récentes.
Un exemple : http://boxepiedspoings.free.fr/spip.php?rubrique210
Quelqu’un peut-il m’aider ? D’avance, merci.
# Le 12 septembre 2011 à 21:28, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
Bonsoir
Il me semble que free te bloque le port où travaille thumbsites
# Le 12 septembre 2011 à 23:18, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Bonsoir,
Merci pour ta réponse.
J’ai fait des essais sur d’autres sites. Effectivement, dans la même configuration (version de SPIP et du plugin), sur OVH, thumbsites apparaît à gauche et génère la vignette. De plus le formulaire #FORMULAIRE_SITE fonctionne normalement. Sur lerelaisinternet, le plugin ne fonctionne pas. Sur un autre site que j’ai sur free, même problème. Pourtant cela a marché en juillet. Le problème vient-il de free ou d’une mise à jour du plugin ? Et en quoi cela gêne-t-il aussi le fonctionnement du formulaire ? Tout cela est très mystérieux pour moi ! Y a-t-il une solution ?
Merci d’avance.
# Le 13 septembre 2011 à 08:53, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
En complément de mon précédent message, je t’indique que j’ai activé la création de vignettes pour les liens entrants dans les statistiques de l’espace privé et cela fonctionne parfaitement sur mon site hébergé chez free.
# Le 13 septembre 2011 à 10:17, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
Bonjour
Oui mais dans ce cas je n’ai pas d’idée, tu as essayer de vider local-thumsites afin qu’il les recalcul toutes ?
# Le 13 septembre 2011 à 10:40, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Oui, je l’ai fait mais le résultat a été la disparition de toutes les vignettes ! Mais ce que je ne comprends pas c’est en quoi le fonctionnement du formulaire SPIP (#FORMULAIRE_SITE) est affecté par thumbsites. En principe ça ne devrait pas avoir de lien. J’ai rechargé les fichiers de SPIP version 2.1.10 et ça n’a rien changé. Bizarre, bizarre.
# Le 14 septembre 2011 à 11:17, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
Depuis que j’ai effectué différentes manipulations pour réactiver le plugin thumbsites, j’obtiens ce message quand je vide le cache SPIP :
Quelqu’un peut-il m’aider ?
Merci d’avance.
# Le 14 septembre 2011 à 12:06, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
Bonjour
TU as essayer de vider le tmp complétement pour voir ?
# Le 14 septembre 2011 à 12:40, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
Merci pour ta réponse.
J’ai vidé tmp. Le message d’erreur n’apparaît plus quand je vide le cache SPIP. C’est déjà ça. Mais Thumbsites n’apparaît pas. Au contraire, sur les sites référencés début août, la fenêtre à gauche n’apparaît plus.
Depuis début août, j’ai téléchargé deux nouveaux plugins, crayons et lecteur multi-média. Thumbsites n’apparaît plus sur mes sites où j’ai mis lecteur multi-media (hébergement free et lerelaisinternet). En revanche, la fenêtre apparaît sur le site où je n’ai pas téléchargé ce plugin (hébergement OVH). Est-ce que tu penses qu’il y aurait incompatibilité entre les deux ?
Je cherche... je cherche...
# Le 14 septembre 2011 à 12:56, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
Oui ça ce pourrais effectivement mais est ce que tes plugins sont TOUS à jour ?
# Le 14 septembre 2011 à 13:24, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
J’utilise mises à jour automatiques du couteau suisse. cfg est à jour comme les autres plugins. J’ai désinstallé lecteur multi-médias, j’ai vidé le cache des images recalculées automatiquement. Rien n’y fait. Peut-être est-ce dans la base de données qui enregistre les paramètres des plugins qu’il y a un problème, mais je ne sais pas comment on y accède.
# Le 15 septembre 2011 à 15:58, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
Je poursuis mes recherches pour tenter de résoudre l’énigme de thumbsites sur mes sites chez free. Je m’aperçois que dans configuration/fonction avancées/méthode de fabrication des vignettes, là où devrait apparaître un chiffre (type 8.583 Mpx) apparaît l’image du portail de free ! (voir la pièce jointe).
Peut-être une piste. Merci de m’aider, car ça devient obsessionnel.
# Le 15 septembre 2011 à 17:50, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
quitte free....
# Le 16 septembre 2011 à 00:23, par Christian Julia
En réponse à : Thumbsites - documentation utilisateur
Je crois que je vais surtout me passer de thumbsites.... Je vais tourner la page de ce maudit générateur de vignettes et reprendre une vie normale (faire les vignettes moi-même à l’ancienne). Merci de ton aide, en tout cas. Cela restera une énigme non élucidée.
Répondre à ce message
# Le 31 juillet 2011 à 15:28, par DD
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
Il me semble que Thumbshot a changé de process : il faut maintenant s’inscrire et ajouter un script dans son header.
Malgré tout ça les vignettes mettent des jours, voire semaines, a être générées. (voir par exemple la page http://www.spip.net/fr_article884.html )
Par contre apercite.fr est beaucoup plus efficace avec plein de choix de taille de vignette disponibles.
dd
PS est-ce normal que STEP ne présente pas la version du plugin sans Girafa après mise à jour ?
Répondre à ce message
# Le 3 juin 2011 à 13:17, par Yffic
En réponse à : Thumbsites - documentation utilisateur
Bonjour
Je voudrais faire évoluer le plugin pour rajouter le rafraichissement de la vignette. Je souhaiterais cependant une confirmation de ce que j’ai observé avec thumbshots.com : si on fait plus de 4/5 demandes par jour, le site renvoie une image générique. Je suppose qu’en revenant le lendemain, on récupèrera la bonne image. Mais, comme il y a un cache, 30 jours plus tard, on aura à nouveau l’image générique... Donc je me demande si l’utilisation d’une durée de cache est une bonne idée. Il faudrait peut être rajouter la possibilité de rendre cette durée infinie dans les paramètres de config ?
Ou, comparer l’image renvoyée par le serveur avec l’image générique et si elle sont identiques, ne pas la mettre en cache... ?
# Le 3 juin 2011 à 13:46, par _Eric_
En réponse à : Thumbsites - documentation utilisateur
Salut Yffic,
C’est cool de te mettre sur la todo ;-).
Ca fait un bout de temps que je voulais rajouter ce bouton rafraichir justement. Par contre, oui il faut laisser la durée de cache mais je me demande si il ne suffirait pas de supprimer l’image en cache pour la rafraichir lors du recalcul de la page ?
# Le 3 juin 2011 à 15:06, par Yffic
En réponse à : Thumbsites - documentation utilisateur
Oui, c’est la piste... Mais j’ai peur qu’à la fin du temps de cache, le serveur ne renvoie une image générique... Sauf si on met un temps infini.
# Le 3 juin 2011 à 15:34, par _Eric_
En réponse à : Thumbsites - documentation utilisateur
Je vois pas d’ou vient ta crainte ?
Si c’est le cas, on rafraichit et zou, c’est parti pour n jours. C’est vrai par contre que j’avais prévu de configurer le cache du plugin mais je pense que c’est inutile au vu de l’expérience que j’ai sur Sarka-SPIP.
# Le 3 juin 2011 à 21:15, par Yffic
En réponse à : Thumbsites - documentation utilisateur
Ma crainte est de voir ré-apparaitre les images génériques au bout des n jours et donc de devoir rafraichir a la main... En mettant un cache de durée infinie on n’est pas embétés... Enfin je vais tester ca de plus près
# Le 18 juin 2011 à 13:01, par Yffic
En réponse à : Thumbsites - documentation utilisateur
Hello
J’ai donc rajouté le lien « Rafraichir la vignette ». Ca fonctionne bien, sauf que la nouvelle vignette ne s’affiche pas au rechargement ajax de la boite. Il faut recharger la page entièrement...
J’ai aussi rajouté le serveur apercite.fr qui génère moins de vignettes « coming soon » de thumbshot.com
Répondre à ce message
# Le 24 février 2011 à 11:58, par Arnault
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
J’ai installé thumbshot (0.3) dans mon spip 2.1.8.
La vignette pour les sites n’apparait pas dans la configuration du site dans l’espace privé. Elle ne s’affiche donc pas non plus avec dans l’interface publique...
Pourtant, ça a fonctionné en spip 1.9.2.
Quelqu’un saurait-il m’aiguiller vers la solution ?
Merci d’avance.
# Le 4 mars 2011 à 18:13, par seguraj
En réponse à : Thumbsites - documentation utilisateur
Bonjour,
J’ai exactement le même souci que toi, avec spip 2.1.8 et squelette sarka. Quel est ton site ? Moi je suis sur académie de Toulouse, et je suis presque sûr que cela vint de là...Il doit y avoir un appel aux images qui doit etre bloqué quelque part. Mon site est : pedagogie.ac-toulouse.fr/casnav.
Merci à ceux qui auront des réponses.
# Le 5 mars 2011 à 14:02, par ?
En réponse à : Thumbsites - documentation utilisateur
Je ne suis pas aussi sûr que toi, lorsque je désactive sarka, le problème persiste. Mon site est là et la page incriminée ici
# Le 5 mars 2011 à 14:20, par _Eric_
En réponse à : Thumbsites - documentation utilisateur
Non,
Ca ne vient pas de sarka-spip j’en suis persuadé.
D’ailleurs allez voir sur le site du squelette vous verrez que la noisette associée fonctionne parfaitement.
Etant donné que c’est un flux, c’est soit un problème temporaire du site source, soit un problème de l’hébergeur.
# Le 5 mars 2011 à 15:04, par seguraj
En réponse à : Thumbsites - documentation utilisateur
Bonjour Eric,
merci pour la réponse. Je me doutais bien que cela n’était pas sarka. Je voulais justement savoir comment cela fonctionnait, voir si je pouvais résoudre quelque chose moi même. mais si je comprend bien le terme de flux, c’est qu’il y a des « appels » à quelques chose d’extérieur. J’avais déjà eu problèmes avec la rainette pour un site d’école. C’est l’hébergeur « académie de toulouse » qui bloque les flux je pense. D’un point de vue concret, je dois demander quoi au responsable du serveur ? Tout en écrivant la question, j’ai un doute horrible, puisqu’il s’agit de sites référencés, il faudrait qu’il débloque le flux de chaque site ? Où peut-il y avoir un déblocage une fois pour toutes ? Pardon pour mes questions triviales mais je ne suis pas un pro de la programmation...
Merci.
José
Répondre à ce message
# Le 4 février 2010 à 22:14, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
Re bonsoir
je suis entrain de dev mon plugins pour la spip2.1 et je viens de rencontrer un soucis, si je mets 3 fois le #THUMBSHOT sur la même page par le biez du contenu suivant dans des inclure :
<BOUCLE_zard(SITES){doublons}{par hasard}{pagination #CONFIG{annuaire_sommaire/pas_pagination_hasard, 3}}><li>
<fieldset>
<a href="[(#ID_SYNDIC|generer_url_entite{site})]"><object>#NOM_SITE</object></a>
<BOUCLE_logo_zard(MOTS){id_syndic} {' '}>[(#LOGO_MOT||inserer_attribut{title, #TITRE|supprimer_numero})]</BOUCLE_logo_zard>
[(#PLUGIN{pb_pagerank}|oui)<INCLURE{fond=afficher_minipagerank}{url=#URL_SITE}>]
[<a class="img" href="[(#ID_SYNDIC|generer_url_entite{site})]"[ title="(#NOM_SITE|texte_backend)"]>
(#THUMBSHOT{#URL_SITE})</a>]
<br />#FORMULAIRE_NOTATION<br />
[(#DESCRIPTIF|sinon{<p><:annuaire:pas_descriptif:></p>})]
</fieldset>
</li>
</BOUCLE_zard>
je sort une erreur 500 alors que cela fonctionne sur spip2.0
D’où cela peut il venir ?
Répondre à ce message
# Le 4 février 2010 à 22:06, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
Bonsoir
je cherche a faire une boucle qui affiche les thumbsites des tous les sites référencés, est ce que cela est possible ?
Répondre à ce message
# Le 21 janvier 2010 à 16:59, par Bionet
En réponse à : Thumbsites - documentation utilisateur
Merci pour la réponse,
en fait c’est un peu compliqué pour moi de vérifier ce qui cloche mais ce que je sais c’est que ça ne fonctionne pas http://webtice.ac-guyane.fr/sbssa/. Ce doit être dû à autre chose (peut-être le fait que le site soit sur une ferme à SPIP dans un sous-répertoire ?
Si vous avez une idée que je pourrais transmettre au webmestre responsable de ces sites je suis preneur :)
bien cordialement,
bionet
# Le 21 janvier 2010 à 17:08, par cam.lafit
En réponse à : Thumbsites - documentation utilisateur
Bonjour
Il faut dans un premier temps vous rapprocher de votre administrateur serveur. Il est possible que la ferme à SPIP modifie le comportement et en sans information il est impossible de savoir où se situe le problème.
Répondre à ce message
# Le 21 janvier 2010 à 01:19, par ?
En réponse à : problème proxy
Bonjour
Visiblement, lorsqu’on passe par un proxy (que l’on renseigne dans Configurations/ Fonctions avancées de SPIP) on n’a pas de génération d’image.
Comment on pourrait résoudre ce problème (quelle modification faudrait-il faire sur le plugin pour que les images arrivent quand même malgré le passage par un proxy) ?
Bien cordialement
# Le 21 janvier 2010 à 12:27, par cam.lafit
En réponse à : problème proxy
Bonjour
Je viens de tester avec un proxy et cela marche bien.
Dans
tmp/spip.logvous devriez avoir des lignes du genre :Recuperer http://open.thumbshots.org/image.pxf?url=http://www.spip.net&ext=jpg sur mon.proxy.tld:8080 p
ar Resource id #388
Répondre à ce message
# Le 22 juin 2009 à 18:35, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
Bonjour
Je trouve ce plugins très intéréssents mais serait-il possible de rajouter thumbshots.org
Et pour le serveur webnspar je pense que tu as fait une faute dans le copier coller « Pour utiliser ce service vous devez être inscrit sur le site girafa » alors que le lien est bon.
De plus est ce que l’on peux trouver des infos pour avec des images charger sur le serveur avec une durée donnée ?
Merci
Pierre
# Le 22 juin 2009 à 19:13, par Pierre KUHN
En réponse à : Thumbsites - documentation utilisateur
pour le serveur webnspar je pense que tu as fait une faute dans le « Pour utiliser ce service vous devez être inscrit sur le site girafa » je pense qu’il faut mettre « Pour utiliser ce service vous devez être inscrit sur le site webnspar »
beaul
# Le 23 juin 2009 à 22:01, par cam.lafit
En réponse à : Thumbsites - documentation utilisateur
Noté et corrigé merci
# Le 23 juin 2009 à 22:05, par cam.lafit
En réponse à : Thumbsites - documentation utilisateur
Bonjour
c’est deja le cas le service thumbshots.org est thumbshots.com. Ce sont les mêmes serveurs.
il suffit d’utiliser les filtres
image_*pour que les images soient gérées par le cache de SPIP.Répondre à ce message