SPIP-Contrib

SPIP-Contrib

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

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

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

Social tags

8 septembre 2008 – par phil – 428 commentaires

97 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 décembre à 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 à 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 à 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 à 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 à 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 à 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 à 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 à 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

  • Le 8 mars à 09:20, par amvla En réponse à : Social tags

    Bonjour,

    j’utilise le plugin social tags avec succès sur les pages de mon site depuis plusieurs années.

    Si j’ai bien compris les controverses actuelles sur les cookies, ces icônes à l’air inoffensif déposent des cookies permettant de tracer la navigation des internautes, qu’ils utilisent ou non ces boutons. Et l’internaute visitant mon site doit pouvoir arriver sur une page du site sans que des cookies se déposent avant qu’il n’ait autorisé les cookies.

    Les infos de la CNIL par rapport aux cookies des réseaux sociaux : https://www.cnil.fr/fr/solutions-pour-les-boutons-sociaux

    J’ai trouvé plusieurs solutions de gestion des cookies pour les mesures d’audience pour spip (cookiebar, cookiechoice, cibc), mais pas pour les cookies des réseaux sociaux. Est-ce une option qui sera intégrée dans le plugin social tags ? Ou bien un plugin de gestion des cookies (audience et social tags) ?

    En attendant y-a-t-il des solutions « simples » à mettre en place (autre que désactiver les icônes du plugin social tags) ?

    Merci d’avance !

    • Le 8 mars à 13:13, par b_b En réponse à : Social tags

      Tu as de la chance, car les liens de socialtags (sans parler du badge fb) sont de simples liens, il n’y a donc pas d’insertion de scripts depuis les sites des GAFA, pas de cookie déposé ou autres cochonneries dans le style. Après, quand une personne clique sur un de ces liens, elle est redirigée vers un de ces sites, et là on sait bien que la notion de vie privée est tout autre que chez SPIP :p

    • Le 8 mars à 13:43, par amvla En réponse à : Social tags

      C’est parfait ! Ceux qui cliquent sur ces icônes le font à leurs propres risques
      Merci beaucoup pour cette réponse très rapide et claire !

    Répondre à ce message

  • Le 10 février à 07:03, par Sylvain Nogues En réponse à : Social tags

    Bonjour,
    peut-on :
    -  changer des icônes
    -  fournir un lien dont la cible soit passée en paramètre, pour indiquer au réseau non pas l’article en cours, mais celui qu’on indique... par un insert dans le squelette ?
    euh, si oui, comment ?
    Merci,
    Sylvain

    • Le 10 février à 09:31, par Sylvain Nogues En réponse à : Social tags

      réponse à la première question : facile, il suffit de créer un dossier « images » dans le dossier squelettes, et d’y mettre le bon .png

    Répondre à ce message

  • Le 21 janvier à 14:00, par yann45 En réponse à : Social tags

    Bonjour,
    J’ai installé le plugin et tout fonctionne hormis le bouton « imprimer » qui m’affiche une page blanche about_blank quand je souhaite imprimer la page. Quel peut être le problème ?
    J’utilise SPIP 3.1
    Merci d’avance.

    Répondre à ce message

  • Le 4 janvier à 21:20, par PGe160 En réponse à : Social tags

    Bonjour,

    Je suis en SPIP 3.0.20 et SARKA 3.2.36

    Je fais ceci :
    -  j’installe le plugin
    -  je coche qq icones
    -  dans le sélecteur : #socialtags
    -  dans article.html du squelette, je glisse < div id="socialtags" >< /div > (sans les espaces)

    Et ça marche pas...

    Qui peut m’éclairer ? Merci

    PNG - 4.3 ko
    • Le 5 janvier à 18:44, par Ysabeau En réponse à : Social tags

      C’est en ligne ou en local ?

      J’ai pu constater (voir mon message d’aujourd’hui) qu’il pouvait y avoir du temps entre le moment où on ajoute l’information sur la page et celui où on la reçoit (caches du navigateur mais aussi du FAI, par exemple SFR). En gros, il a fallu près de 24 heures pour que ça apparaisse sur la machine sur laquelle je travaille le plus souvent (tous navigateurs confondus). Mais je l’ai vu plus vite sur un autre ordinateur.

      En testant en local avec le même squelette et les mêmes plugins (il peut s’agir aussi d’un problème avec les CSS ou d’un conflit avec les plugins), on voit tout de suite la barre socialtags s’afficher.

    • Le 5 janvier à 21:11, par PGe160 En réponse à : Social tags

      Bonjour,

      Merci pour la réponse

      C’est en ligne mais toujours rien...

      J’utilise aussi un thème : Arclite... mais je ne vois pas ce qui pose problème.

      J’ai modifié dans le squelettes-dist pour ne pas perturber Arclite

    • Le 5 janvier à 22:21, par Ysabeau En réponse à : Social tags

      C’est quoi l’adresse du site, histoire de vérifier si c’est une problème de cache serveur ou FAI ?

    • Le 5 janvier à 22:29, par Ysabeau En réponse à : Social tags

      Oups je n’avais pas bien votre réponse.
      C’est normal qu’il n’y ait rien. Le squelette en fonction c’est Sarka-Spip qui prime sur celui de la dist.
      Cela fait longtemps que je n’ai pas touché à Sarka-Spip mais j’imagine que vous devez avoir un dossier squelettes (différent de squelette-dist) et ce sont les fichiers de ce dossier qu’il faut modifier surtout pas ceux de squelette-dist.

    • Le 6 janvier à 19:13, par PGe160 En réponse à : Social tags

      Ok, merci, c’est réglé.

    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

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là