Social tags

Publié le : 8 septembre 2008 – Dernière modification le 21 décembre 2021 – par phil – 480 commentaires

1
2
3
4
5
115 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 :

<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

5 ans 1 an 3 mois Sans limite
par date
Filtrer

240 discussions

  • jul

    Vous n’avez pas juste le tag Facebook avec :
    Partager cet article sur votre profil.
    Ca serait pas mal...

    Répondre à ce message

  • 1
    Rafik

    Salut à tous,

    J’ai un portail Automobile qui tourne sous spip en version 1.8.3 (je sais, mon cher associé n’avait pas voulu migrer ...).

    Y-a-t’il une possibilité d’intégrer ce plugin sur cette version ?

    Merci à tous,

    • exibit

      Bravo pour ce plugin, très bien fait et la config via le CVG est ergonomique et intelligente.

      2 petites choses :

      • quand on change la ’class’ ou ’div’ en dessous de laquelle vont apparaître les icônes, le recalcul de la page n’est pas suffisant, il faut vider le cache complet de SPIP.
      • ce serait chouette de pouvoir « facilement » ajouter des réseaux sociaux ;-)

    Répondre à ce message

  • myodes

    Configuration Ok mais ne fonctionne pas : pas d’affichage.
    Hébergeur OVH, SPIP 2.0.8

    Répondre à ce message

  • 1

    J’ai installer CFG et Social Tags, puis j’ai changer la sélecteur a #socialtags comme tout les autre ici. sa semble comme sa vas marcher alors j’ai coche tout les tags que je veux and dans mon article j’ecris

    div id=« socialtags » /div avec les braquette

    mais rien arrive sur mon page.

    est ce que je doir faire quelque chose avec #INSERT_HEAD ?

    • ydikoi

      bonjour,

      ci-dessous une petite astuce.

      Situation :
      Dans un squelette de type blog, une liste d’articles reprennant l’intégralité du texte. Je souhaite, sous chaque article, retrouver la barre « socialtags ».

      Ce qui se passe :

      Si dans cfg&cfg=socialtags, on laisse défini

       Insérer le bloc social-tags en-dessous du bloc suivant : 
Sélecteur : #socialtags

      alors la barre ne s’affichera qu’une seule fois sur toute la page, sous le premier article.
      Par ailleurs, l’url reprise est celle de la page, et non celle de l’article.

      La solution :

      1. Dans la config CFG, mettre un selecteur fantaisiste, qu’on ne retrouve pas sur le site, pour ne pas utiliser le comportement par défaut : 
         Insérer le bloc social-tags en-dessous du bloc suivant : 
Sélecteur : #toto_tata
      2. Dans le squelette, utiliser une noisette spécifique :
        [(#INCLURE{fond=noisettes/socialtags_articles}{id_article})]

      Tous les moteurs / agrégateurs ne sont pas présents avec cette astuce, mais je n’ai pas trouvé mieux pour l’instant … en attendant que la fonctionnalité soit ajoutée dans ce super plugin ;-)

      Et voilà, le résultat est visible sur ce site.

    Répondre à ce message

  • Quand je clique sure « Configuration par CFG »

    Il me done le message :

    Error...
    File not found : exec/cfg

    Puis le code « 

     » me done rien dans mes articles ?

    Toute vos idées sont bienvenues.

    Répondre à ce message

  • 1

    Bonjour

    Je suis sur SPIP 1.9.2d et voici les messages qui s’affichent dans CFG pour configurer le plug in :
    Warning : preg_split() [function.preg-split] : Compilation failed : POSIX named classes are supported only within a class at offset 13 in /var/www/djangostation.com/www/ecrire/inc/syndic.php on line 145

    Warning : preg_match_all() [function.preg-match-all] : Compilation failed : POSIX named classes are supported only within a class at offset 14 in /var/www/djangostation.com/www/ecrire/inc/syndic.php on line 166

    Warning : Invalid argument supplied for foreach() in /var/www/djangostation.com/www/ecrire/public/assembler.php(402) : eval()’d code on line 20

    Quel est le problème je ne comprends pas ?

    Merci d’avance.

    • cristof

      Je me réponds à moi même, ça peut toujours servir à d’autres, concernant les problèmes de configuration de CFG avec le plug in social Tag. (du type Warning : preg_split() [function.preg-split]...). Il faut mettre à jour le code des versions 1.9.2 de SPIP.

      Voilà la solution :
      http://llenne.free.fr/spip/

      Explication :
      http://forum.spip.org/fr_203763.html

      J’ai fait la mise à jour avec les fichiers et tout fonctionne bien.

    Répondre à ce message

  • 1

    Il pourrait être utile d’être plus explicite dans la procédure d’installation.

    Après avoir remplacé #contenu par #socialtags dans CFG et avoir mis

    #socialtags

    dans le squelette,
    le plugin fonctionne très bien chez moi SPIP 2.0.8 [13982].

    C’est précisé dans la procédure d’installation mais ce n’était pas aussi claire que ça pour moi.
    Peut-être pourrait-on télécharger directement le plugin avec la bonne configuration ?
    Je m’en doute que la bonne configuration pour moi n’est pas la bonne pour quelqu’un d’autre ?

    En tout cas un grand merci c’est très utile !

    http://dilettant.management-projet.org/

    • Paladin

      Pour l’installation, deux solutions :

      Avec les squelettes de la distribution, il suffit de valider la configuration. Le bloc appelé #contenu figure dans les squelettes de la distribution.

      Si vous avez modifié ces squelettes, et que l’id #contenu n’existe plus, ou si vous préférez voir apparaître le socialtags ailleurs dans la page, ajoutez

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

      dans vos squelettes et indiquez dans la page de configuration #socialtags en tant que sélecteur.

      Voici un autre exemple pour ce même bloc à insérer dans un squelette :

      <div>
	<div
		style='font-family:monospace;font-weight:700;font-size:80%;
		color:green'>
		Votez :
		<div id="socialtags"></div>
	</div>
</div>

      PS. : testé/validé ce jour sous SPIP 2.0.8. Installé depuis plusieurs semaines sur d’autres sites en SPIP 1.9.2.

    Répondre à ce message

  • 1

    ben non, il ne suffit pas de suivre la « procédure d’installation ». Je ne suis pas plus con qu’un autre, j’ai plusieurs sites PHP à mon actif dont un SPIP, et chez moi ce plugin ne fonctionne pas. Allez comprendre pourquoi, alors que d’autres fonctionnent.

    • SuperYMS

      Exactement ce que je disais, ça ne fonctionne pas sur tous les sites !

      Au lieu de nous ordonner de suivre les instructions, que l’on a dejà suivi, sachant que nous savons quand même lire et que nous pouvons comprendre ! Vaudrait mieux ouvrir un ticket sur la zone (peut être est-ce un bug), de trouver « why » ça ne fonctionne pas parfois !

      Ciao

    Répondre à ce message

  • 3
    Maurice

    Ne fonctionne évidemment pas, comme beaucoup de plugins du reste !

    • Loiseau2nuit

      Ne fonctionne évidemment pas, comme beaucoup de plugins du reste !

      Oh alors ça, c’est fin, subtil, utile et constructif comme propos dites-donc ! :-D

      Si j’étais du genre incorrect, je dirais que ca me donnerait même presqu’envie de paraphraser Michel Audiard d’ailleurs...

    • RastaPopoulos

      De toute façon SPIP, c’est comme tous les logiciels libres, ça ne marche jamais !

    • kent1

      De toute façon SPIP, c’est comme tous les logiciels libres, ça ne marche jamais !

      Ben non ... ca court ... mais visiblement trop vite pour certains ;)

      kent1

    Répondre à ce message

  • Péo

    Bonjour, avant de s’énerver... :-D juste après avoir configuré votre choix de tags, n’oubliez pas de vider le cache, ensuite rafraichissez et normalement tout s’affiche bien :-)

    Cordialement,

    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