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.
Version 1.0.4
RSS 2.0
Vos commentaires
# Le 6 juin à 15:49, par Pimfe
En réponse à : Social tags
Bonjour !
Pour ceux qui débutent et qui ne voient rien s’afficher et qui ne comprennent plus rien à rien !
N’oublier pas d’insérer la balise #INSERT_HEAD dans votre fichier head.
Je fais le beau mais cela fait plus de 3 heures que je cherche pourquoi cela ne s’affiche pas :)
Répondre à ce message
# Le 17 avril à 15:20, par Anaki
En réponse à : Social tags
Bonjour, la balise fonctionne et partage (ou autre) le lien de la page courante.
J’aimerai cependant que dans une boucle d’article qu’une balise apparait pour chaque article avec comme lien de référence, l’article et non la page courante.
Je vous remercie d’avance de votre aide, et vive la communauté SPIP.
# Le 4 juin à 10:08, par joz
En réponse à : Social tags
Bonjour,
ça m’intéresserai aussi
joz
Répondre à ce message
# Le 4 avril à 23:02, par Samuel REMOUE
En réponse à : Social tags
Je ne vois pas comment faire fonctionner ce plugin avec EVAWEB. Si quelqu’un pouvait m’aiguiller, merci.
Répondre à ce message
# Le 20 mars à 20:28, par Tonio
En réponse à : Social tags
Bonjour,
j’essaie de modifier l’apparence d’une « Boîte Facebook-like » dans une noisette en sélectionnant <:socialtags:noisette_colorscheme_dark :> au lieu du défaut <:socialtags:noisette_colorscheme_light :> mais le rendu ne change pas sur mon site, auriez-vous une idée de la raison ?
merci d’avance
Répondre à ce message
# Le 8 mars à 18:11, par Fabou001
En réponse à : Social tags
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
# Le 5 mars à 12:08, par ?
En réponse à : Social tags
Bonjour,
J’utilise ce plugin et ca marche nickel, mais j’aimerai savoir comment changer les boutons facebook et twiter. je trouve que ces bontons sont pas clair avec un fond blanc.. voir image jointe
Répondre à ce message
# Le 10 août 2012 à 09:23, par ?
En réponse à : Social tags
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 !
# Le 11 août 2012 à 08:32, par ambiancedecor
En réponse à : Social tags
Moi aussi, j’ai le même souci.
Comment faites-vous ?
Merci
# Le 11 août 2012 à 10:15, par Maïeul
En réponse à : Social tags
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.
# Le 11 août 2012 à 21:08, par ambiancedecor
En réponse à : Social tags
Merci
Non, c’est le squelette Leadescent
# Le 11 août 2012 à 22:20, par Maïeul
En réponse à : Social tags
mettez
#contenu-principaldans le formulaire. Puis sur le site publique forcez un recalcul du squelette via?var_mode=recalculou&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 ?
# Le 12 août 2012 à 09:57, par ambiancedecor
En réponse à : Social tags
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
# Le 12 août 2012 à 10:54, par Maïeul
En réponse à : Social tags
mille excuse, mettez plutôt
.contenu-principalque#contenu-principal(et puis ensuite, tutti : recalcul du cache etc.)# Le 12 août 2012 à 11:44, par ambiancedecor
En réponse à : Social tags
Excuses largement acceptées, ça fonctionne nickel !!! génial !!! merci beaucoup :-))
# Le 1er octobre 2012 à 21:14, par Barbouille
En réponse à : Social tags
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
# Le 2 mars à 22:42, par Joss
En réponse à : Social tags
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.
Répondre à ce message
# Le 23 janvier à 19:42, par zoc_spaak
En réponse à : Social tags
Bonjour à tous,
J’essaie sans succès d’installer ce plugin depuis plusieurs semaines, cependant rien ne s’affiche...
Pouvez précisez où il faut inclure le
car je suis un peu perdu...
J’ai essaye de le mettre dans article.html sous titres et dans head.html sous INSERT_HEAD mais rien n’y fait.
Je précise que je suis un peu (très) novice en la matière et que je suis sous spip 3.0.5 utilisant un squelette zpip.
Merci d’avance pour votre aide.
A bientôt
# Le 3 février à 15:08, par DD
En réponse à : Social tags
Bonjour,
il faut l’ajouter dans le fichier squelettes/navigation/page-dist.html
ou page.html
ou squelettes/extra/page-dist.html
selon ta config et le squelette / le thème que tu utilises.
dd
# Le 3 février à 15:44, par zoc_spaak
En réponse à : Social tags
Bonjour,
Merci !
Sachant que j’utilise un squelette zpip et un thème tincredible pouvez vous me guider un peu plus ?
A quel endroit du fichier dois je l’insérer ?
Merci encore !
Zoc_spaak
# Le 3 février à 16:27, par DD
En réponse à : Social tags
je dirai dans plugins/zpip/navigation/dist.html
ou plugins/zpip/navigation/page.html
a sauvegarder avec tes modifs avec la même arborescence dans squelettes/navigation/dist.html
(créer le répertoire squelettes s’il n’existe pas)
Voir la doc
dd
Répondre à ce message
# Le 20 décembre 2012 à 19:52, par DD
En réponse à : Social tags
Bonjour,
je voudrais changer 2/3 bricoles (ordre des icônes,..) mais je ne trouve pas le squelette !
j’ai juste trouvé cette référence dans socialtags.html
[(#REM) Compatibilite ascendante avec l'ancienne noisette ]<div id="socialtags"></div>
merci
# Le 2 janvier à 17:04, par Sandra
En réponse à : Social tags
Bonjour, je cherchais justement la même chose afin de placer en premier l’icône d’impression, il faut aller dans le fichier socialtags.xml où tous les éléments sont placés par ordre alphabétique et les réorganiser selon son besoin. J’ai enregistré le fichier modifié dans squelettes pour ne pas tout perdre à la prochaine màj ;)
Bonne année sous spip :
# Le 3 février à 15:22, par DD
En réponse à : Social tags
Bonjour,
Oui merci cela fonctionne bien pour des éléments existants. mais si je veux ajouter le flux RSS parce qu’il me semble plus logique de le mettre avec les autres boutons et bien cela devrait se passer dans le fichier socialtags.js.html mais dès que je change ce fichier et le sauvegarde dans squelettes j’ai une belle erreur jason.
Ce doit être possible pour quelque qui maîtrise cet autre langage mais pas pour moi.
dd
Répondre à ce message
# Le 24 janvier à 10:17, par Sarah
En réponse à : Social tags
bonjour,
est-il possible d’ajouter un autre réseau social ? comme celui-ci :
http://lesincroyablescomestibles.ning.com/
Répondre à ce message