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 CFG.
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 1ère 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.
Socialtags.zip
Vos commentaires
# Le 9 janvier à 19:04, par guilaind
En réponse à : Social tags
Après avoir appris à maîtriser le plugin, je dois dire qu’il fonctionne à priori bien.
J’avais cependant besoin de rajouter « via @moncompte » pour twitter. Pour cela, ouvrir socialtags.xml, puis aller sur le bloc réservé à Twitter. Remplacer
par
Ce serait pas mal d’ajouter la fonction dans le paramétrage du plugin.
ATTENTION à la longueur du titre de la page, car twitter autorise seulement 140 caractères qui comprennent titre + lien raccourci + @moncompte.
Pour ceux qui cherchent à ouvrir le lien dans une nouvelle page, ouvrir socialtags.js.html, puis modifier la ligne
en
Répondre à ce message
# Le 16 décembre 2011 à 18:03, par Loiseau2nuit
En réponse à : Social tags
Bonsoir,
J’ai un doute sur la compat spip3 de ce plugin. Tout test habituel fait par ailleurs, impossible d’afficher quelque bouton social que ce soit ?
Suis-je seul dans ce cas ou d’autres ont-il eu le soucis ?
Merci.
Répondre à ce message
# Le 2 novembre 2011 à 18:21, par mbourlier
En réponse à : Social tags
Bonsoir,
Depuis quelques jours, les badges que j’ai coché dans Socialtags ne s’affichent plus sous le bloc de titre des articles, alors que rien n’est modifié dans la configuration.
Avez-vous déjà rencontré le souci ?
Merci de vos réponses
Cordialement
M. BOURLIER
Découvrir l’autre, l’ailleurs, soi
# Le 15 décembre 2011 à 18:30, par mbourlier
En réponse à : Social tags
Bonsoir,
Problème résolu en revenant à une version antérieure et en refaisant une mise à jour. En fait, je crois que le problème est survenu lors d’une mise à jour de Filezilla et je n’ai pas vérifié le protocole de transfert qui était fixé sur ASCII. J’ai du faire une mise à jour du plugin Social Tags avec ce protocole et les fichiers image au format png n’ont pas du être téléchargés correctement. J’avais une ligne réservée pour les icônes sous le titre des articles, mais les images n’apparaissaient pas !
Problème résolu
Répondre à ce message
# Le 8 novembre 2011 à 11:23, par dut
En réponse à : Social tags
J’aimerai dans un squelette particulier avoir les boutons qui s’affichent à côté de titre de l’article (à la fin du titre).
L’idéal serait de pouvoir le faire avec un code CSS.
Répondre à ce message
# Le 1er novembre 2011 à 16:21, par hg
En réponse à : Social tags
Bonjour,
Merci pour ce plugin qui fonctionne bien pour le titre et le descriptif sur mon site en 2.1.10 mais il n’arrive pas à trouver l’image de l’article pour l’afficher dans le résumé Facebook.
Quelqu’un a-t-il une idée ?
Merci d’avance
Répondre à ce message
# Le 7 octobre 2011 à 15:55, par XiongMao
En réponse à : Social tags
J’ai un problème avec l’utilisation de se plugin.
Impossible de le faire fonctionner avec spip SPIP 2.1.10 + Zpip + Noizetier.
J’ai installé le plugin.
Je coche facebook et twitter
Dans « insérer le bloc social-tags en-dessous du bloc suivant : » j’ai mit ..socialtags
J’ai creer une noisette avec :
<div class="socialtags"></div>Le résultat générer est :
<div class="noisette noisette_socialtags"><div class="ajaxbloc env-hDUx7w0CaWZBtT4oj+yA//0e3eSt9ahZOxrJzCnI15Rc7SovK3szfD3TvACGpdXyMDz7kXs89qSUy9g9K9PeLQlza1gNVCKMbTyG4vD0gdgazYRG8kMQ9PmgVIvpgJIm4EdyiykD/l/h0/fH+VJ/bpBRezVcHx6VrVMFGLW+oOV4R46dwmaNkIssFdZA+9TKrRDwQsRb6k3T5KC+7WSaE/2M4XR5f57BI+anRd9ByDnnvoMiXl9LhKa53VQv39dnRZVtwgFZYfEs1B9afILXkFyz5LeK+h3Wk6TUhDXW4MgTQ7m89ZiwgCSWgMg=">
<div class="socialtags"></div>
</div>
<!-- ajaxbloc -->
</div>
Comme vous le voyais je ne génère pas la liste
<div class="socialtags"></div>).# Le 23 octobre 2011 à 22:36, par Michael
En réponse à : Social tags
même problème, rien ne s’affiche non plus pour moi. Pourtant le plugin google +1 fonctionne. Je suis sous spip SPIP 2.1.11 [18566] avec squelette zpip et quelques autres plugins
Merci d’avance pour votre aide
Répondre à ce message
# Le 19 octobre 2011 à 16:20, par SB
En réponse à : Social tags
Bonjour,
J’ai installé sous SPIP 2.1.8 cet excellent plugin qui fonctionne très bien.
J’aimerais maintenant mettre en œuvre la génération de liens courts avec bit.ly comme cela est proposé dans l’article Ajouter un lien vers twitter avec une URL raccourcie (bit.ly).
Pour cela, j’aurais besoin, uniquement sur les liens Twitter, de pouvoir rajouter une classe (par exemple,
class="tweetlink") à la balise<a>générée par la noisette (cf. code ci-dessous) :<a rel="nofollow" href="http://twitter.com/share?text=......&url=....." title="Twitter"><img class="socialtags-hovers" src="plugins/socialtags/images/twitter.png"></a>Est-ce possible ? Et si oui, comment ?
Merci pour vos réponses.
Répondre à ce message
# Le 25 septembre 2011 à 11:02, par Regis92
En réponse à : Social tags
Bonjour,
Je viens d’activer le plugin sur SPIP 1.9.2.h et dans CFG , je ne vois que ceci :
« Aucun champ trouvé dans socialtags »
Normal... ?
Merci.
# Le 30 septembre 2011 à 22:21, par JLuc
En réponse à : Social tags
Oui pareil ici.
Je viens de mettre à jour le plugin sur un SPIP 2.1.2 et il n’y a plus la possibilité de paramétrer les boutons affichés : le contenu principal de la page de configuration se réduit à une simple ligne de titre dont le cadre est vide.
cf copie d’extrait de l’écran : http://imgur.com/A82o3
Il y a aussi le message « aucun champs trouvé dans socialtags » dans le dernier cadre de la colonne de gauche.
« On » me signale que ça marche bien par contre sur un SPIP 2.1.11 SVN [18581].
En revenant à la révision 49589 du plugin, ça marche bien sur mon SPIP 2.1.2.
C’est peut être 50038 ou peut être 50031 les fautifs, mais je ne vois pas, je ne connais pas CFG.
# Le 30 septembre 2011 à 23:38, par JLuc
En réponse à : Social tags
A défaut de préciser l’origine du probleme et de le corriger, j’ai fait un zip avec la version 49589 qui marche bien : téléchargeable ici. Faut essayer si ça marche pour vous !!!! J’ai mis à jour CFG avec la version SVN pour tester la version SVN de socialtags aussi, et c’est pareil : cadre vide, impossible de configurer. Par contre, en testant la version 50040, et ça marche.
# Le 1er octobre 2011 à 21:51, par JLuc
En réponse à : Social tags
J’ai depuis essayé en remontant les versions, et je suis arrivé à la dernière version svn... qui marche aujourd’hui ... mais pas quand le répertoire s’appelle socialtags ! J’enquête encore...
# Le 2 octobre 2011 à 00:33, par JLuc
En réponse à : Social tags
Bon après plein de tests, j’en arrive à la conclusion débile que la page de configuration du plugin est vide quand le répertoire d’installation s’appelle socialtags, mais qu’elle s’affiche bien si le répertoire est par exemple socialtags51767.
!!!
Répondre à ce message
# Le 25 septembre 2011 à 20:47, par Gou
En réponse à : Social tags
Pourquoi ne pas intégrer directement G+ ? En l’état ça fait un plugin de plus à gérer ça complique son intégration aux côtés des autres boutons de socialtags, dommage.
Répondre à ce message
# Le 21 septembre 2011 à 11:51, par aurel
En réponse à : Social tags
Hey,
j’ai sur mon site différent gabarit article dont article_evenement.html et article.html
sur le gab article_evenement, mon social tag fonctionne
mais sur le gabarit article, il en fonctionne pas, il n’y a rien qui s’affiche
ça fait quelques heures que j’essaye de comprendre mais rien n’y fait
j’ai dans ce gabarit, un menu babbibel et une lightbox
j’’enlève les 2 mais ça ne marche pas plus
qu’est ce qui pourrait bloquer l’affichage des icônes du plugin ?
Merci pour vos réponses
Répondre à ce message