Social tags

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 :

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

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 :

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/fr_FR"></script>
<script type="text/javascript">
	FB.init("f38e69d43f79cbe7e03bba1d54c0a01c");
</script>
<fb:fan profile_id="213643810738" stream="1" connections="10" width="300"></fb:fan>
<div style="font-size:8px; padding-left:10px">
	<a href="http://www.facebook.com/pages/personnes/213643810738">per.sonn.es sur Facebook</a>
</div>

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 :

if (document.cookie.match('social_facebook=1'))
$.getScript('http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/fr_FR', function() {
  $('.menu.subscribe')
  .append('<fb:fan profile_id="213643810738" stream="1" connections="8" width="250"><\/fb:fan>');
  FB.init('f38e69d43f79cbe7e03bba1d54c0a01c');
});

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

Discussion

240 discussions

  • 1

    Bonjour,

    Depuis le passage à SPIP 3.0.13 les images des socials tags s’affichent à la verticale (au lieu d’horizontale) dans mes pages articles.

    Est ce que cela le fait aussi chez d’autres ?

    Merci

    Eric

    Répondre à ce message

  • Bonjour

    Je viens d’installer la dernière version du plugin social tags sur la dernière version de spip 3 : l’installation est correcte, les boutons actifs dans mes articles en ligne
    par contre, les liens ne sont pas corrects puisqu’il me récupère le lien vers la rubrique et non l’article et pointe vers la rubrique 0, ce qui renvoie évidemment une page 404 à Facebook (par exemple) :
    http://www.facebook.com/sharer/sharer.php?u=http//www.monsite.fr/spip.php?page=rubrique&id_rubrique=0&t=Edito

    Mon article est bien nommé Edito, mais je suis dans la rubrique 1 et surtout c’est un article...

    idem pour twitter, etc.

    Qu’est-ce que je peux faire ?
    Merci bcp

    Répondre à ce message

  • 1

    Bonjour,
    ST me donne une page blanche et l’erreur détectée est :
    Fatal error: Call to undefined function analyser_backend() in /plugins/auto/socialtags/socialtags_fonctions.php on line 49
    Où est cette fonction analyser_backend() ?
    Que faire ?
    Merci

    • J’ai tout vidé le cache, changé la version de SPIP vers 3.0.11, supprimé puis remis le plugin et ça marche.
      Aucune idée d’où ça venait mais ça marche....

    Répondre à ce message

  • Jonathan

    Bonjour,
    Juste pour signaler un conflit entre Spip Bonux et Social tags.
    Il faut désactiver Spip Bonux le temps de configurer social tags. On peut le réactiver ensuite... Et tout fonctionne du coup.

    Configuration :
    -  Spip : 2.0.23
    -  Spip Bonux : 2.2.17 stable
    -  Social tags : 1.0.4 stable

    Bonne journée...

    Répondre à ce message

  • 11

    Bon, on va dire que je suis débutant ... j’ai installé social tags dans les plugins, j’ai configuré les boutons que je voulais voir apparâitre. Et ensuite, on doit faire quoi pour que concrètement ça apparaisse dans chaque article ?
    il faut modifier le html ?
    il faut indique qqch dans les articles ?

    HELP !

    • ambiancedecor

      Moi aussi, j’ai le même souci.
      Comment faites-vous ?
      Merci

    • quels sont vos squelettes ? ceux standards de SPIP ? si oui, normalement, avec un double recalcul (appuyer 2 fois sur le bouton recalculer) les socials tags devrait apparaître.

    • ambiancedecor

      Merci
      Non, c’est le squelette Leadescent

    • mettez #contenu-principal dans le formulaire. Puis sur le site publique forcez un recalcul du squelette via ?var_mode=recalcul ou &var_mode=recalcul à la fin de l’url (ou bien cliquez 2 fois sur le bouton de recalcul.

      videz également le cache du navigateur...

      avez vous un site exemple ?

    • ambiancedecor

      j’ai déjà tenté de mettre #contenu-principal en selecteur, de vider le cache et de recalculer (même plus de 2 fois :-)) mais rien !
      Je me demande si il ne faut pas mettre quelque chose dans le squelette mais où ???
      et oui, j’ai un site d’exemple, le mien :-)) (en cours de construction ...) http://www.ambiancedecor.net

      Merci de votre aide

    • mille excuse, mettez plutôt .contenu-principal que #contenu-principal (et puis ensuite, tutti : recalcul du cache etc.)

    • ambiancedecor

      Excuses largement acceptées, ça fonctionne nickel !!! génial !!! merci beaucoup :-))

    • Barbouille

      Bonjour,

      J’ai le même souci de non-apparition des social tags dans mes pages.
      J’utilise un squelette maison basé sur le squelette standard de SPIP 2.1.
      Dans article.html, j’ai bien conservé la div id=« contenu » donc dans la config de social tags j’ai laissé le sélecteur par défaut #contenu
      J’ai vidé le cache, recalculé la page plusieurs fois, rien n’y fait !
      J’ai essayé aussi avec une div nommée autrement, pas mieux.

      Savez-vous s’il y a une incompatibilité connue avec l’un de ces plug-ins ?
      -  Agenda
      -  Article PDF
      -  CFG
      -  Cooliris
      -  Fancybox
      -  Couteau suisse
      -  Lecteur Multimédia en Flash
      -  Mediathèque
      -  Menus
      -  Saisies pour formulaires
      -  Slogan
      -  SPIP Bonux
      -  Zoombox

    • J’ai eu aussi le problème de disparition. Les noisettes ont réapparu après que j’ai dégagé le code du badge widget Facebook.

    • Guillaume Blanc

      Idem. J’ai essayé de mettre .contenu-principal dans le sélecteur, recalculer deux fois, vider le cache, rien n’y fait.
      Je suis sous spip 2.1, squelette Ahuntsic.
      Dois-je ajouter un truc dans un fichier ? Bref, que faire... ?
      Merci d’’avance !

    • Jonathan

      J’ai bien galérer pour le faire fonctionner aussi. Mon squelette de la page article ne contenait pas de div #contenu-principal.
      Il faut penser à bien configurer social tags. Il y a une ligne avec les balises à mettre dans le squelette.
      On peut changer l’ID d’ailleurs si on veut....

    Répondre à ce message

  • 3

    Bonjour,

    Problème sur SPIP 1.9.2.h :

    Plugin bien activé,
    <div id="socialtags"></div> rajouté dans le squelette article mais configuration impossible dans CFG, voir : Copie écran : http://cjoint.com/data3/3djpK5PxJyh.htm

    Rien n’apparait sur le site public.

    Que faire ?

    Merci pour votre aide !

    • ploufplouf

      Bonjour,

      J’ai le même souci je suis sous 2.0.10 et impossible de configurer le plugin. J’arrive bien sur la page de config par CFG mais quand je valide mes choix le formulaire redevient vierge et rien n’est pas pris en compte.

      Faut-il un autre plugin ou y’a-t-il une manip particulière à faire ?

      Merci de votre aide

    • ploufplouf

      Re,

      Apparement il doit y avoir un conflit avec un des plugins suivant : acces restreint 3.0, spip bonux ou agenda 2.0... J’ai les deux memes sites avec pour seules différences ces 3 plugins, ca marche très bien sur celui qui n’a pas les 3 plugins mais impossible de configurer « socialtags » sur l’autre...

      Peut-etre avec le critère autoriser ?

      Si quelqu’un a une solution ?...

    • Jonathan

      Pour moi le problème c’était Spip Bonux.
      Il faut le désactiver pour configurer social tags. On peut le réactiver ensuite... Et tout fonctionne du coup

    Répondre à ce message

  • 1

    Bonjour,

    J’ai un problème d’installation du plugin...
    J’ai désinstallé puis réinstallé pour en être sûr.

    Procédure utilisée pour installer le plugin :
    -  Décompression du dossier socialtag dans le dossier plugin du site
    -  J’active le plugin dans la partie admin du site (il est bien activé)
    -  Lorsque je clique sur « Social tags » au survol de l’icone « configuration » j’ai le message suivant :
    « configurer_socialtags : Accès interdit »

    CFG est installé et voit bien l’icone « social tags ». Lorsque je clique dessus je vois :
    « Accès refusé. Seuls les webmestres du site sont autorisés à modifier ces paramètres. »

    Je suis bien administrateur du site... Vérifié plusieurs fois...

    Config actuelle :
    -  SPIP 2.0.23
    -  Social tags 1.0.4
    -  CFG 1.16.1

    Un petit coup de main qui me rendrait grandement service.
    Merci d’avance

    • J’ai résolu le problème finalement en trouvant une réponse sur le forum :

      Lorsqu’on reçoit le message « Accès refusé. Seuls les webmestres du site sont autorisés à modifier ces paramètres. » il faut pour résoudre ce problème :
      -  Installer le plugin autorité
      -  Il faut ensuite modifier la liste des webmasters, en éditant le fichier config/mes_options.php (le créer le cas échéant) et y indiquer la liste des identifiants des auteurs webmestres, sous la forme suivante :

      <?php 
        define ('_ID_WEBMESTRES', 
        '1:5:8'); 
      ?>

      Remplacer 1, 5 et 8 par les ID des auteurs que l’on souhaite définir comme webmaster

    Répondre à ce message

  • 2

    Bonjour,

    Après installation sur un spip 3.0.10, social tags apparait deux fois, à suivre, à l’endroit de son insertion via la div

    Sur le squelette concerné, j’ai vérifié l’itération de la boucle dans laquelle elle est inséré, il n’y en a qu’une seule.

    Par contre sur la page sommaire, social tags apparait bien une seule fois

    Pas trouvé (ou mal cherché) l’évocation de ce cas dans le forum.

    Une idée ?
    Merci

    • Jérôme PESTIAUX

      pareil... et pas d’idée.

    • Bonjour,

      Avec l’aide d’un ami, la perle a été levée...
      J’avais un doublon d« insert_head » qui doublait le script social tag (en autres choses).
      dans squelettes/head/ articles.html & rubriques.html (je fonctionne avec Zpip).

      Donc bourde de ma part, dsl...

      Cordialement,

    Répondre à ce message

  • Bonjour,

    j’essaie de modifier l’apparence d’une « Boîte Facebook-like » dans une noisette en sélectionnant Fond sombre au lieu du défaut Fond clair mais le rendu ne change pas sur mon site, auriez-vous une idée de la raison ?

    merci d’avance

    Répondre à ce message

  • Fabou001

    Bonjour,

    Moi aussi ça fait des semaines que j’essaie d’insérer social tags sur mon site. Il ets téléchargé, installé et j’ai choisi les réseaux sociaux que je veux voir afficher.. mais rien n’apparait.
    Ca doit être du au fait que mon site tourne sous magusine (spip3) mais du coup je ne sais pas quoi mettre à la place de #contenu...

    J’ai essayé .contenu-principal aussi mais ça ne parche pas non plus ...

    Quelqu’un pourrait m’aider ?
    Merci d’avance !

    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