SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 111 visiteurs en ce moment

Accueil > Interactivité, échanges > Recommandation Sociale > Social Tags > Social tags

Social tags

8 septembre 2008 – par phil – 448 commentaires

107 votes

Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious....

Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration.

Insertion dans les pages

Le plugin utilise la balise #INSERT_HEAD de vos squelettes.
Il suffit de configurer le plugin via cfg en indiquant le nom de votre div, et d’insérer éventuellement le code suivant dans les squelettes :

La noisette ou le div va donc afficher une série d’icônes relatives aux sites choisis, une petite image vaut mieux qu’un long discours :

Le plugin offre une très grande liste de réseaux sociaux et de bookmarking, notamment :
Digg, Delicious, Facebook, Google Bookmarks, Technorati, Live, Scoopeo, Wikio, Furl, Blogmarks, Reddit, Mister wong, Viadéo, MySpace...

Le plugin est téléchargeable sur la zone :
socialtags.zip.

Vous êtes invité à ajouter des sites de réseaux sociaux si vous le désirez, c’est sur la zone.

Réserver les boutons aux visiteurs en provenance du site concerné

Cette nouvelle option (version 0.8 du plugin) permet de réserver l’affichage du bouton « partager » aux seuls utilisateurs en provenance de Facebook. Ceci afin de ne pas gêner les visiteurs qui ne souhaitent pas utiliser Facebook.

L’option fonctionne en ajoutant un cookie social_facebook=1 à tout visiteur provenant de Facebook. Dès lors, l’affichage du bouton « partager » sera conditionné à la présence de ce cookie.

Pour tester cette fonctionnalité, on peut passer le referer dans l’URL : http://zzz.rezo.net/?HTTP_REFERER=h... ; pour revenir à l’état précédent, il suffit de supprimer son cookie social_facebook.

Ajouter un badge Facebook

Le bloc de badge javascript permet d’afficher un badge Facebook ou autre. Il est programmé de manière à pouvoir être réservé aux visiteurs en provenance de Facebook. Voici, à titre d’exemple, comment je procède pour mettre le badge du site per.sonn.es sur le site zzz.rezo.net.

La page http://www.facebook.com/facebook-wi... m’indique que je peux utiliser comme badge le code HTML suivant :

On remarque que ce badge :
-  appelle la librarie JS de Facebook http://static.ak.connect.facebook.c...
-  définit une largeur de 300 pixels (width="300")
-  affichera le flux de nouvelles de la page (stream="1")
-  affichera 10 photos de fans (connections="10")
-  conduira vers la page profile_id="213643810738"
-  est marqué d’une clé d’API "f38e69d43f79cbe7e03bba1d54c0a01c"
-  pose un lien « en dur » vers la page (ce qui permet au passage à Facebook d’augmenter son pagerank).

Pour obtenir l’équivalent en javascript on écrira dans la boîte JS :

À la 1re ligne, je vérifie si le visiteur a un cookie indiquant qu’il est dejà venu sur ce site depuis Facebook ; le cas échéant, on va lui envoyer le badge.

La deuxième ligne charge la librairie facebook, puis, une fois celle-ci chargée, insère le marqueur de badge, avec toute sa configuration, dans le bloc .menu.subscribe, et enfin exécute le script avec la clé d’API.

On remarque au passage que je n’ai pas conservé le « lien en dur », inutile et pas très esthétique.

 

À noter : une fois le code HTML d’un badge renseigné dans le CFG du plugin, il est possible de l’insérer dans les squelettes avec #MODELE{socialtags_badge}, ou dans un article avec le raccourci <socialtags|badge>.

Ajouter Google+1

Si vous avez le plugin google+1 activé, vous pouvez choisir de l’afficher à la suite de vos images de tags.
Pensez à configurer le plugin google+1 pour adapter la taille du bouton.

Noisettes

Le plugin fournit des noisettes paramétrables utilisables dans le noiZetier et permettant d’afficher les badges et boites de type "J’aime" de Facebook.

Voir en ligne : https://plugins.spip.net/socialtags

Dernière modification de cette page le 12 novembre 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 22 juin à 14:54, par Ficus En réponse à : Social tags

    Bonjour,

    J’ai l’impression que le plugin ne fonctionne plus car lorsque sur cette page de présentation de SocialTags sur Spip-Contrib je clique que le lien de partage Facebook (entre l’indication de compatibilité aux versions de Spip et les Téléchargements), cela me mène certes à la fenêtre Facebook pour publier, mais... la publication n’aboutit finalement à rien sur ma page Facebook !

    C’est à se demander si la composition des liens de partage ne serait plus http://www.facebook.com/sharer/sharer.php?u=URLDELAPAGEAPARTAGER&t=NOMDELAPAGEAPARTAGER

    J’ai fait des tests de cette URL avec d’autres pages, le résultat est le même.

    Qu’en pensez-vous ?

    Marc

    Répondre à ce message

  • Le 15 mars à 16:19, par Ravanelli93 En réponse à : Social tags

    Bonjour, je viens d’installer ce plugin sur une version
    SPIP 3.2.0 [23778] est un logiciel libre distribué sous licence GPL + écran de sécurité 1.3.2
    et malgré mes recherches, je n’arrive pas à savoir pourquoi il s’affiche en 2 fois ?

    Merci pour votre réponse

    Répondre à ce message

  • Le 2 février à 13:20, par degom95 En réponse à : Social tags

    Bonjour,
    Toujours suite au problème de photo intempestive, j’ai eu l’information suivante :

    voici une piste pour régler ton souci de partage Facebook (et autres). Ton site n’utilise pas les tags open graph. Pour y remédier, tu peux utiliser le plugin Métas +. Je t’invite à lire la documentation de ce plugin.

    Après test de tous les paramètres de Meta +, aucune évolution, cela ne résout pas le problème qui visiblement est au niveau du plugin, j’ai exactement le même problème sur Google+ que sur Facebook.
    De plus la réaction est différente d’un article à l’autre, sans que je puisse trouver de logique.
    Cela a fonctionné avec un article contenant une photo mais pas sur un autre contenant lui aussi une photo.
    J’ai eu la même réaction avec un article sans photo mais avec un logo, la encore pas la même réaction avec un autre article.
    Je suis un peu perdu.
    Je suis allé jusqu’à supprimer les fichiers dans le répertoire tmp/cache, sans que cela ne change quoi que ce soit.
    Il semble que la photo persiste au niveau du plugin et ne puisse être vidée avec le vidage de cache de SPIP ou même avec la suppression des fichiers tmp/cache.
    Quelqu’un a t’il eu se problème ?
    Sans solution je désactiverais le plugin qui pour moi est inutilisable actuellement.

    Cordialement,

    André

    Répondre à ce message

  • Le 1er février à 18:16, par degom95 En réponse à : Social tags

    Bonjour,
    Lorsque je clique sur l’icône facebook, j’ai bien la fenêtre facebook pour publier mais cela ne reprend pas l’image ou l’icône de mon article, mais une autre image.
    Où chercher l’erreur ?
    config, squelette, navigateur, Facebook ?

    Escal V3 4.0.22
    SPIP 3.2.0
    Social tags 2.1.3

    Répondre à ce message

  • Le 5 janvier à 09:37, par nuages En réponse à : Social tags

    Bonjour,

    J’utilise le plugin NoiZetier et souhaiterais ajouter « socialtags » dans les noisettes disponibles dans « gérer les noisettes »

    Quelqu’un sait-il comment faire ?

    Je ne trouve pas la solution.

    Merci d’avance

    • Le 21 janvier à 17:38, par Stéphane Santon En réponse à : Social tags

      Bonjour,

      Tu utilises la noisette « Code Spip libre » et tu y colles le code
      <div id="socialtags"></div>

    Répondre à ce message

  • Le 22 décembre 2017 à 13:07, par jpcrea En réponse à : Social tags

    Bonjour à tous,
    Je suis à la lettre le mode d’emploi pour faire fonctionner ce plugin, mais rien à faire.
    Je suis un spipeur de la première heure, et j’ai mis en place et fait fonctionner des plugins bien plus complexes.
    Mais là je vais abandonner. J’ai déroulé le forum jusqu’en 2009, cherché plusieurs heures, fais des dizaines d’essais, rien. J’ai remarqué que c’est un problème récurrent pour ce plugin qui fonctionne un coup sur 2.

    • Le 24 décembre 2017 à 11:46, par Mist. GraphX En réponse à : Social tags

      Bonjour,

      J’ utilise sur mes sites ce plugin que j’ai fait (c’est pas de l’autopromo ^^) : https://github.com/mistergraphx/spip_socialshare

      On peut linclure autant de fois que l’on souhaite dans une page (par exemple sous des blog post).

      ça n’utilise pas de js intrusifs ou autre, juste des url de partage.
      un sprite svg avec fallback en png
      pipeline pour ajouter ou personnaliser les boutons depuis un autre plugin

      si il manque des url je peut les rajouter sur demande, pour le moment j’utilise surtout facebook, twitter, google+

      si ça peut aider.
      Bonnes fêtes

    • Le 24 décembre 2017 à 14:25, par Le Jaseur Boréal En réponse à : Social tags

      Bonjour,
      @Mist. GraphX, avez-vous un lien pour que l’on puisse visualiser comment cela apparaît dans une page ?
      Avez-vous essayé d’incorporer votre plugin dans une infolettre ?

      Merci, et heureuses, joyeuses fêtes de fin d’année à tous.

    • Le 25 décembre 2017 à 04:21, par jpcrea En réponse à : Social tags

      Merci Mist. GraphX pour ce cadeau de Noël qui fonctionne parfaitement bien.
      J’ai modifié un peu et cela donne :

    • Le 25 décembre 2017 à 09:26, par Mist. GraphX En réponse à : Social tags

      @jpcrea : cool, je l’ai fait pour que ce soit facilement surchargeable ou modifiable de plusieurs manière, d’ou le fait que les styles ne sont pas chargés par défaut. Si tu as des suggestions n’hésite pas…

      @Le Jaseur Boréal, voir au dessus ^^ mais tout est personalisable via les css, ou le svg/png, voir meme les classes pour les icon si tu veux utiliser une font icon…

      Avez-vous essayé d’incorporer votre plugin dans une infolettre ?

      Non mais c’est une idée , créer un modele ou squelette utilisant les tables, la problematique est qu’il faut des images embarquées dans ce cas plutot qu’un sprite svg comme actuellement.

    Répondre à ce message

  • Le 14 novembre 2017 à 11:48, par Ludo En réponse à : Social tags

    Bonjour
    J’ai installé et paramétré le social tag et rajouté la div

    à article.html
    Mais j’ai paramétré en mode pop-up et mes liens ne s’ouvrent pas en pop-up mais directement dans la page courante.
    Est-ce qu’il y a un rajout à faire par exemple dans la page html ?
    Merci
    Cordialement

    Répondre à ce message

  • Le 9 novembre 2017 à 22:56, par Le Jaseur Boréal En réponse à : Social tags

    Bonjour,

    Comment incorporer socialtags dans une infolettre

    Quand on met

    1.  <div id="socialtags"></div>

    dans le squelette-gabarit du plugin newsletter ,
    rien n’apparait dans l’email de test reçu.

    Avez-vous une solution pour que les articles choisis ou derniers qui apparaissent dans la newsletter, transportent avec eux les boutons social-tags ?

    Merci de toutes les astuces.

    Répondre à ce message

  • Le 25 octobre 2017 à 17:55, par GLX En réponse à : Social tags

    Bonjour,
    Super plugin qui fonctionne chez moi depuis 3 ou 4 ans ; néanmoins j’ai un souci :
    Lorsque je clique sur l’icône facebook, j’ai bien la fenêtre facebook pour publier mais cela ne reprend pas l’image ou l’icône de mon article.
    Où chercher l’erreur ?
    config, squelette, navigateur, Facebook ?

    Sarka-SPIP 3.4.5 [87153]
    SPIP 3.0.17 [21515]
    Social tags 1.1.1 - stable

    Répondre à ce message

  • Le 8 mars 2017 à 21:58, par DD En réponse à : Social tags

    Hello,

    je ne trouve pas quel fichier du plugin modifier pour changer le texte ALT et TITLE des logos ??

    Répondre à ce message

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • GIS 4

    11 août 2012 – 1524 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • ScolaSPIP 4

    19 janvier 2016 – 383 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Jeux pour SPIP 3

    27 juillet 2012 – 53 commentaires

    Un portage pour SPIP 3 du plugin Jeux a été fait. Explications et nouveautés. Cet article concerne une mise à jour du plugin Jeux dont la description complète est disponible ici : Des jeux dans vos articles !. Le code du plugin Jeux est un code (...)

  • Plugin Vidéo(s)

    23 novembre 2010 – 704 commentaires

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, iPad, (...)

  • Vidéo Accessible

    6 avril 2011 – 168 commentaires

    Un plugin pour faciliter la diffusion de vidéos accessibles. Accessibilité des vidéos Accessibilité de la vidéo Afin d’être pleinement accessible, une vidéo (composée d’images et de sons) doit répondre à plusieurs critères. Le critère de base est (...)