Thumbsites - documentation utilisateur

Proposer des captures d’écran de site à la volée via des balises, des filtres ou des modèles

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, depuis la version d’origine, 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 consulter la documentation de chaque version de SPIP de la 1.9 à la 3.0.

Pré-requis

Pour la branche 0 compatible SPIP 1.9 et SPIP 2, il faut impérativement activer le plugin CFG pour être en mesure d’utiliser Thumbsites. Pour la nouvelle branche 1 compatible SPIP 3, CFG n’est plus nécessaire.

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 :

  • apercite.fr (service par défaut)
  • robothumb

Si aucune configuration est enregistrée, Thumbsites utilise par défaut le serveur apercite.fr.

-  Apercite.fr

Ce serveur ne nécessite pas d’enregistrement pour obtenir les vignettes.

-  Robothumb

Ce serveur ne nécessite pas d’enregistrement mais vous devez inclure un lien vers le site Robothumb quelque part sur votre site. La présence de ce lien est vérifié périodiquement par leur soin.

Utilisation par un webmaster

Le plugin propose plusieurs méthodes pour insérer une vignette dans le code d’un squelette SPIP :

  1. la balise étendue #LOGO_SITE
  2. la balise #THUMBSHOT
  3. le filtre thumbshot
  4. 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>
		[ &mdash; <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 peut 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.

La vignette du site dans sa page d’édition

Evolutions

  • 04/01/2018 : suppression des services websnapr et miwim
    compatibilité https. Apercite semble inaccessible en https malgré ce qui est indiqué sur leur site, Robothumbs à l’air fonctionnel en https
  • 16/03/2013 : suppression des services thumbshots.com et thumbshots.de. Apercite.fr devient le service par défaut.

Discussion

26 discussions

  • 13
    Christian Julia

    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.

    • Bonsoir

      Il me semble que free te bloque le port où travaille thumbsites

    • Christian Julia

      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.

    • Christian Julia

      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.

    • 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 ?

    • Christian Julia

      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.

    • Christian Julia

      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 :

      Fatal error : unlink(../tmp/cache//chargeur/saisies/contenu/.ok) [function.unlink] : No such file or directory in /mnt/169/sda/0/c/boxepiedspoings/ecrire/inc/flock.php on line 277

      Quelqu’un peut-il m’aider ?
      Merci d’avance.

    • Bonjour

      TU as essayer de vider le tmp complétement pour voir ?

    • Christian Julia

      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...

    • Oui ça ce pourrais effectivement mais est ce que tes plugins sont TOUS à jour ?

    • Christian Julia

      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.

    • Christian Julia

      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.

    • Christian Julia

      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

  • 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

  • 5

    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... ?

    • 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 ?

    • 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.

    • 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.

    • 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

    • 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

  • 4

    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 <siteXX|thumbshot> 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.

    • seguraj

      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.

    • 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

    • 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.

    • seguraj

      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

  • 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

  • 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

  • 1

    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

    • 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

  • 1

    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

    • Bonjour

      Je viens de tester avec un proxy et cela marche bien.
      Dans tmp/spip.log vous devriez avoir des lignes du genre :

      •  Recuperer http://open.thumbshots.org/im
        age.pxf?url=http://www.spip.net&ext=jpg sur mon.proxy.tld:8080 p
        ar Resource id #388

    Répondre à ce message

  • 3

    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

    • 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

    • Noté et corrigé merci

    • Bonjour

      mais serait-il possible de rajouter thumbshots.org

      c’est deja le cas le service thumbshots.org est thumbshots.com. Ce sont les mêmes serveurs.

      des infos pour avec des images charger sur le serveur avec une durée donnée

      il suffit d’utiliser les filtres image_* pour que les images soient gérées par le cache de SPIP.

    Répondre à ce message

  • 1

    Bonjour
    merci pour ce plugin très sympa qui m’évite beaucoup de temps sur The Gimp pour capturer les visuels des sites que j’ai réalisé (mes réalisations)

    J’aimerai présenter les vignettes obtenues avec un autre plugin : PortFolio ImageFlow

    Quelqu’un a déjà essayé ???

    Par avance, merci de vos réponses !!!

    • Bonjour

      Thumbsite ne genere pas de documents au sens spip, en l’état les 2 plugins cités ne sont pas compatibles, je vois 2 possibilités

      • faire une page dédiée et enregistrer les images générées dans l’article où vous souhaitez utiliser le portfolio imageflo
      • developper une option au plugin.

      Je n’ai pas prévu l’option 2 pour le moment.

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom