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.
Discussions par date d’activité
240 discussions
Phil où estes-vous ? Help làààà !!!! lol
Répondre à ce message
...pendant ce temps là, j’attends tjrs une réponse à mon petit problème évoqué ci-dessous si je peux me permettre de m’incruster lol
Hello, j’ai regardée un peu ta page (vas sur un de tes articles, clique droit dessus et regarde la source générée) et apparemment tu as rajouté le code
<div id="socialtags"></div>dans le head.Donc c’est normal que cela ne s’affiche pas, il faut que tu mette ce code entre les balises du corps (body).
Merci d’avoir répondu. Désolé Naoya mais j’ai bien regardé dans mon squelette « article.html » et les balises
<div id="socialtags"></div>sont bien entre les balises<body>...</body> et non <code><head>...</head>.Et le plugin ne veut toujours pas marcher ! lol
Effectivement maintenant il est dans le body maintenant :)
Mais ca résout pas ton soucis ^^
Répondre à ce message
Salut j’ai moi aussi SPIP 2.0.9
COMMENT avez-vous fait POUR INSTALLER « socialtags » svp ?
J’ai mis le Plugin + CFG. J’ai tout activé et choisi mes tags.
Dans l’espace privé en dessous des tags, dans le champs concerné j’ai mis : #socialtags
Puis je suis allé dans mes squelettes « articles.html » de spip et de Ahuntsic et j’ai rajouté le code :
>
Mais rien ne fonctionne. Même quand je laisse « #contenu » dans CFG
help please
Mon site : http://aseci.free.fr
Oui, le positionnement auto via CFG est très gênant :
<div id="socialtags"></div>préalablement effectué par le webmestre dans les squelettes !!Comment faire ? Ce serait bien d’avoir le choix et de pouvoir désactiver ce placement auto.
En espace public ?
Pas sûr d’avoir bien compris la question...
Deux solutions pour habiller socialtags :
- recopier le fichier socialtags.css dans son dossier de squelette et l’adapter
- ou envelopper la div avec une autre, par exemple :
puis habiller add-tag dans son fichier css.
Est-ce bien le soucis ?
Non. Je n’arrive pas à POSITIONNER dans la page.
<div id="socialtags"></div>dans le skel n’a aucun effet.<div id="toto"> </div>à l’endroit souhaité dans le skel, puis de configuer CFG avec#toto... C’est relou.@Romy Têtue : moi même avec « toto » dans le code, ca fonctionne pas...je ne sais plus quoi faire. J’ai les mains pleines de camboui à force de trifouiller le code dans tous les sens pour trouver une soluce ! lol please Help !
Répondre à ce message
Votre plugin ne fonctionne pas, et pourtant j’ai bien suivi votre tutorial
Répondre à ce message
Pourquoi « et être patient » ? J’ai fait ou dit quelque chose qui laisserait supposer que je ne le suis pas ?
Et « en parler ici » il me semble que c’est bien ce que j’ai fait. Je ne comprends pas ces remarques.
Pas plus trouvé de lien valide pour
- http://www.linkedin.com/
- http://hellotxt.com/
Et je propose les suivants, pour lesquels je ne suis pas douée pour trouver le lien direct.
http://www.nuouz.com/addNews.aspx
http://www.mybloglog.com/buzz/members/
http://www.scoopeo.com/scoop/
http://www.fuzz.fr/
http://www.last.fm/
http://jaiku.com/
http://30boxes.com/
http://wink.com/p/
http://upcoming.yahoo.com/user/
http://friendfeed.com/
http://www.dopplr.com/traveller/
http://www.intensedebate.com/people/
http://slideshare.net/
http://brightkite.com/people/
Encore merci pour ce plugin (qui marche très bien aussi avec SPIP1.92i).
Tain mais arrêtes d’attaquer en PERMANENCE c’est pas possible cet état d’esprit.
C’est pourtant pas compliqué : TU as posé la question suivante « Comment fait-on pour ajouter des liens (pour tous) dans le plugin ? ». Et bien Paladin répond simplement à cette question, ni plus ni moins. Il t’indique tout simplement DEUX méthodes pour ajouter tes suggestions pour tous au plugin :
Ya rien de bizarre, ya rien de caché, ya rien à comprendre de plus que ce qui est écrit.
Bonjour Perline, je pense que tu prends un peu tout comme des attaques personnelles, moi je lis plutôt cette phrase comme une phrase qui s’adresse non pas seulement à toi mais aussi en même temps à tout le monde.
Perso, j’avais lue sa réponse dans le sens : « Vous pouvez aussi proposer vos liens ici aussi mais je le ferais que quand je le pourrais ou en aurais l’envie. (en laissant penser que cela peux prendre beaucoup de temps) »
Voilà, c’est juste pour te faire part de mon avis ou je pense que tu as lue la phrase comme une attaque personnelle alors qu’elle n’en était pas une.
Bien à toi.
Répondre à ce message
Je te trouve bien agressif.
j’attaquerais « en permanence » (en majuscules) ? Mais as-tu des exemples, allez, disons un exemple, un seul ?
N’est-ce pas plutôt moi, en l’occurrence, que tu attaques ?
Où t’ai-je dit quoi que ce soit pour appuyer tes dires ? Et, d’abord,on s’est déjà parlé ? Je n’en ai aucun souvenir, ni aucune trace, merci de donner des faits, parce que les rumeurs et les attitudes de meutes, ce n’est pas très constructif.
Et puis, ta réponse, d’une agressivité extrême et sans AUCUNE justification, à une question que je ne t’adressais pas, est exactement le contraire de ce que tu dis et prouve.
Alors merci de t’abstenir, je croyais que ce genre d’attitude n’avait pas lieu ici.
Calme toi, la communauté SPIP t’en sera reconnaissante.
Répondre à ce message
Désolé Paladdin, mais ça ne répond pas à mon problème évoqué ci-dessous. J’ai Spip 2.0.9 + Ahuntsic.
Mon site : http://aseci.free.fr
Répondre à ce message
Bonjour,
Rien à dire quant à moi, fonctionne à merveille (SPIP 209).
Comment fait-on pour suggérer ou ajouter (de préférence dans le plugin même, donc pour tous) de nouveaux liens ?
Merci.
Repérés non inscrits :
http://www.linkedin.com/
http://www.netvibes.com/
http://hellotxt.com/
Il suffit d’un accès SVN et ajouter le lien au fichier socialtags.xml.
Ou en parler ici et être patient.
Je viens de rajouter netvibes. Pour les deux autres, pas trouvé le lien qui va bien.
Bon tag.
Répondre à ce message
Le plugin fonctionne parfait, merci.
Juste une petite question pour le lien facebook.
Est-ce que quelq’un sait comment faire pour forcer que facebook prenne le descriptif de l’article comme descriptif et et pas un autre texte de la page concernée.
Dans mon cas : http://www.kidonaki.be/La-peinture-venitienne.html?id_objet=329
Facebook choisit le texte sous le titre Vendu au profit du projet :
mais j’aimerai le forcer à prendre celui du titre : Description de l’objet. (celui si est pris en compte quand le texte est suffisemment grand.)
Et-ce que un balise, un class ... spécifique peut arranger la chose ?
Merci
Rainer
J’ai trouvé, en fait il suffir de mettre le texte voulu dans les meta tags
Répondre à ce message
Bonjour,
merci pour ce plugin bien utile, néanmoins je dois signaler, comme d’autres l’ont fait, qu’il ne semble pas fonctionner aussi bien sur tout les spip..
Si on résume, avec le squelette dist / spip 2.09, on installe cfg, social tags, on le choisi quelques tags dans cfg/socialtags et valide.. normalement ils apparaissent dans l’interface publique sous le contenu c’est bien ça ? (pour simplifier le protocole de test)
Hé bien cela fonctionne très bien sur un site, et sur un autre actuellement en dev rien ne s’affiche.. Pour l’instant pas plus d’éléments et je n’ai pas le temps de tester plus aujourd’hui, mais il semble qu’il y ait un bug a explorer.
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 :
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.
Suivre les commentaires :
|
