SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 72 visiteurs en ce moment

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

Social tags

8 septembre 2008 – par phil – 447 commentaires

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

  • Le 11 décembre 2016 à 10:39, par patrice En réponse à : Social tags

    Bonjour,

    Je souhaiterais utiliser le plugin sur la page sommaire et sur les pages articles. Pas de souci de fonctionnement sur les pages articles, mais en revanche, sur la page sommaire, le lien social me renvoie vers l’url du site, et non pas de l’article.
    J’ai cherché dans les commentaires, mais je n’ai pas trouvé de solution.
    Est-ce que c’est possible ? Si oui, quelle est la procédure à suivre ?

    Merci d’avance

    Patrice

    • Le 13 décembre 2016 à 11:05, par 1138 En réponse à : Social tags

      Tu veux des boutons de partage dans la présentation de chaque article sur la page sommaire ? Si oui, ce n’est pas possible avec ce plugin : il prend en compte la page courante, pas le contexte de la boucle.

      Mais tu peux coder ça directement dans tes boucles avec des trucs du genre (non testés, il y a peut-être des erreurs) :

      1. <a rel="nofollow"
      2.     href="http://www.facebook.com/sharer/sharer.php?u=[(#URL_ARTICLE|url_absolue|urlencode)]&t=[(#TITRE|urlencode)%20-%20][(#NOM_SITE_SPIP|urlencode)]">
      3.         image facebook
      4. </a>

      Télécharger

      ou

      1. <a rel="nofollow"
      2.     href="http://twitter.com/intent/tweet?url=[(#URL_ARTICLE|url_absolue|urlencode)]&text=[(#TITRE|urlencode)%20-%20][(#NOM_SITE_SPIP|urlencode)]">
      3.         image twitter
      4. </a>

      Télécharger

    • Le 18 décembre 2016 à 16:51, par patrice En réponse à : Social tags

      Bonjour,

      Ok, merci pour les réponses. Je vais effectivement les coder « à la main ».
      Dommage. Un paramètre ou un réglage supplémentaire dans ce plug-in serait un véritable plus.

      En tout cas, merci à l’auteur pour ce plug-in.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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

  • Formulaire de contact avancé

    23 mars 2009 – 1398 commentaires

    Un formulaire de contact configurable, avec de multiples options.

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2416 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Éditorial (HTML5UP)

    27 novembre 2017 – 67 commentaires

    Squelette SPIP pour intégrer le modèle Editorial de HTML5UP https://html5up.net/editorial Configuration La page de configuration permet quelques réglages. On y défini la couleur principale du site, des informations de contact et le contenu de la (...)

  • Personnalisation graphique du squelette SoyezCréateurs

    19 août 2009 – 98 commentaires

    Il est possible de personnaliser l’affichage du squelette SoyezCréateurs de manière plus ou moins profonde. Changement dans les couleurs via CFG La page de CFG des couleurs de SoyezCreateurs : ecrire/ ?exec=cfg&cfg=soyezcreateurs_couleurs (...)

  • Mentions Légales

    11 juin 2010 – 72 commentaires

    Ce plugin vous propose un ensemble d’éléments pour faciliter la mise en place de Mentions Légales, Conditions d’Utilisation et informations de Copyright dans l’espace public d’un site sous SPIP. Il présente notamment des textes légaux pré-définis, (...)