SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 209 visiteurs en ce moment

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

Social tags

8 septembre 2008 – par phil – 434 commentaires

103 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 : http://plugins.spip.net/socialtags

Dernière modification de cette page le 6 avril 2015

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 8 mars à 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

  • Le 17 décembre 2016 à 18:36, par Pinchart En réponse à : Social tags

    Si je comprends bien :
    -  j’installe le plug-in
    -  je mets, à l’endroit du squelette choisi, le code : (avec les brackets) div id=« socialtags » /div
    -  dans la configuration du plug-in, rubrique « insertion dans les pages », j’indique #socialtags
    -  j’enregistre
    -  je vide le cache.
    Est-ce OK ?
    Car rien n’apparaît sur les pages.

    Répondre à ce message

  • Le 12 décembre 2016 à 13:32, par joz En réponse à : Social tags

    Bonjour,
    Le lien de partage pour Diaspora ne fonctionne pas pour moi. Il y a un lien http://sharetodiaspora.github.io/ qui s’ouvre, mais là rien ne bouge. J’entre mon pod, mais rien ne se passe.
    Est-ce que le problème est chez moi ou est-ce que c’est un bug ?

    Répondre à ce message

  • Le 8 décembre 2016 à 12:49, par joz En réponse à : Social tags

    Salut,
    Merci pour ce plugin bien pratique.
    Une petite question : je cherche à changer l’ordre des icônes. Comment faut-il faire ?

    Répondre à ce message

  • Le 30 novembre 2016 à 22:16, par Eric En réponse à : Social tags

    Bonjour,

    Je suis sous spip 3.1.3, en cours de développement en local.

    Dans la page de configuration du plugin, il y juste des cases à cocher et nulle part je n’ai à préciser l’id de la div.

    Et sur la page, rien ne s’affiche. Dans la source de la page, il y a bien ma div, mais elle est vide.

    Cordialement

    • Le 1er décembre 2016 à 10:29, par Eric En réponse à : Social tags

      Oups ! trop de honte pour décrire ce qui ne marchait pas chez moi. C’est résolu.

    Répondre à ce message

  • Le 31 octobre 2016 à 21:28, par pamillet En réponse à : Social tags

    encore résistant aux réseaux sociaux, j’ai quand meme mis social tags pour les lecteurs qui s’y adonnent...

    mais devant l’évidence, je me dis que je vais faire un essai moi-même...
    sauf que je suis parti sur un truc peu connu... kune...

    est-il possible de l’ajouter dans la liste de paramétrage de social-tags ???

    merci
    pam

    Répondre à ce message

  • Le 30 juin 2016 à 12:47, par nora En réponse à : Social tags

    bonjour
    j’utilise le plugin Social tags, ça marche bien, mais je veux bien enlever l’image du petit coeur rouge qui est juste devant le mot ’partager’
    merci d’avance

    Répondre à ce message

  • Le 3 juillet 2016 à 12:55, par nora En réponse à : Social tags

    bonjour,
    j’utilise le plugin social tags sous spip 2.1.8
    je veux supprimer le cœur rouge qui s’affiche à coté des icônes
    comment faire
    merci d’avance

    Répondre à ce message

  • Le 29 février 2016 à 13:14, par RealET En réponse à : Social tags

    Un utilisateur m’a fait remonté ce qu’il a perçu comme un bug :

    Effectivement si j’appuie sur le logo Facebook dans un article j’ouvre bien une page Facebook. Par contre, quand je clique sur PUBLIER SUR FACEBOOK je reste bloqué sur une page Facebook vierge avec l’onglet : https://www.facebook.com/dialog/return/close?#_=_

    Et effectivement, c’est bien ce qui se passe.

    Mettre un target _blank ne serait pas suffisant parce que ça ouvre un nouvel onglet qui ne sera pas fermé.

    Idéalement, il faudrait transformer le lien en javascript qui ouvrirait une popup que Facebook fermerait correctement en sortie.

    Est-ce que ça serait une bonne idée ?

    • Le 13 mars 2016 à 21:36, par RealET En réponse à : Social tags

      Oups, je n’avais jamais vu dans la config du plugin la possibilité de choisir d’utiliser une popup.

      Au passage, si ça peut être utile : mettre dans une mediabox (ce qui serait beaucoup plus joli qu’une popup) ne marchera pas avec Facebook : il refuse d’être dans une iframe.

    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

  • odt2spip : création d’articles à partir de fichiers OpenOffice Writer

    6 mars 2009 – 191 commentaires

    Ce plugin permet de générer un article SPIP à partir du téléchargement d’un fichier au format .ODT (OpenOffice ou LibreOffice Writer). Il gère la majorité des raccourcis typographiques, détecte les différents niveaux de titre et fait l’intégration des (...)

  • Refonte de l’identité graphique

    10 juillet – 74 commentaires

    Lors de la SPIP Party 2017 à Toulouse, un nouveau contributeur est venu nous présenter son travail sur une refonte du logo. Au delà de la refonte du logo, c’est une toute nouvelle identité graphique pour SPIP que Jordan nous propose. Voici une (...)

  • Newsletters

    16 janvier 2013 – 424 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)

  • Enluminures typographiques V3

    25 juillet 2009 – 187 commentaires

    Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée. C’est une extension du PortePlume. Pour la documentation d’usage, se reporter à celle du (...)

  • Article PDF

    9 juin 2007 – 347 commentaires

    Présentation d’un plugin fournissant une version PDF de l’article en cours

Ça spipe par là