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
Les blocs de mon site s’est déplacé étrangement lorsque j’active le plugin. Je crois que la largeur de la noisette par défaut est trop long par rapport à ma squelette, mais je n’en sais rien. Est-ce que d’autres personnes ont eu le même constat et ont déjà trouvé une solution ?
Répondre à ce message
Bonjour, est il possible de désactiver le plugin sur un article ? Genre avec un ?
Petit soucis de fin de phrase, je disais :
Genre avec un
<nosocialtags>
Répondre à ce message
Bonjour,
Est-ce que ce ne serait pas une bonne idée de surcharger le lien vers le flux RSS du site standard de SPIP pour l’intégrer à la barre des raccourcis socialtags ?
Car c’est galère css pour aligner les boutons
Merci !
dd
Répondre à ce message
Bonjour,
Je suis sous spip 3.11 avec le plugin zpip. lorsque j’active le plugin social tag ma barre de navigation situé à droite de l’écran sur ma page se retrouve tout en bas sous le plugin. Comment puis-je faire pour n’avoir le plugin que dans certaine page et enlever ce problème.
Merci d’avance pour le coup de main
Bonjour,
même souci, dans la page de réglage :
« insérer le bloc social-rags en dessous du bloc suivant »
choisir :
.page_article .cartouche:first
au lieu de :
#contenu
règle le problème mais en déplaçant le bloc en début d’article au lieu de la fin.
Répondre à ce message
Bonjour et merci pour ce judicieux et très utile plugin.
Je rencontre depuis quelques temps un soucis :
Lorsque l’on est sur une page d’article, et que l’on clique le bouton FaceBook tout se passe normalement sauf que l’image vignette proposé est la première image de la page or auparavant c’était le logo de l’article. Comment revenir à cette fonction ?
Bonjour,
Vous avez réussi à remettre le logo de l’article à la place ?
car j’ai aussi la première image et non pas le logo...
Bonjour
Non j’ai toujours le même soucis, ça prend la première image
Bonjour à tous,
je rencontre également le même problème le plugin prend en compte le logo de la rubrique qui apparaît plus haut dans la page... j’ai essayer de changer la place du logo dans mon squelette mais il prend quand même le logo rubrique et non celui de l’article.
Répondre à ce message
Eh, eh et là je viens de découvrir que pour mon site dont un secteur est Spip-Clear, qu’on pouvait indiquer deux emplacements séparés par une virgule et un espace pour avoir les icônes là où on veut et dans tous les secteurs.
Répondre à ce message
Bonjour,
Je viens d’installer ce plugin sur un site 2.0.1, il s’affiche correctement mais certains liens n’aboutissent pas ou alors m’ouvrent une page blanche (facebook, twitter, linkedin...) alors que d’autres marchent sans problèmes (tumblr, viadeo, delicious...) !
C’est curieux cette géométrie variable... J’ai un autre site sous 2.1.2 où tous les liens fonctionnent y compris facebook et twitter (les 2 qui m’intéressent le plus...).
Le site sous 2.0.1 est hébergé sur free et l’autre chez un hébergeur privé (infomaniak.ch), cela arait-il une influence ? Sinon, je vois pas... Merci de vos lumières.
ps : j’ai essayé en désactivant spipbonux, c’est pareil
Répondre à ce message
Bonsoir,
a priori on est en 2014 et il semblerait que l’année 2004 soit loin dernière nous. Et d’ailleurs les réseaux sociaux n’existaient pas vraiment en 2004 (rapport au commentaire de la dernière révision !) :-) mais merci pour les vœux de bonne année et réciproquement mais pour 2014.
Blague à part, il semblerait que ce plugin soit incompatible avec Escal (ou un autre plugin ? Je n’ai pas Spip-Bonux soit dit en passant). Il ne veut pas s’installer et j’ai droit à ce message d’erreur-ci :
Auquel je ne comprends que pouic sauf que ça ne lui plait pas pour cause de délit de sale caractère à la ligne 80.
Puis, quand je reviens dans l’espace privé à ce message-là :
Et pas de plugin au menu.
Y a-t-il une solution envisageable ? Je veux dire sans tout casser et à ma portée, ce qui ne vas pas très loin soit dit en passant.
Merci.
ce plugin est parfaitement compatible avec Escal, la preuve ... ici
ce qui ne résoud pas ton problème, j’en conviens
En fait, le serveur a planté. Le site a été rétabli par l’hébergeur et tout avait l’air de fonctionner impeccablement jusqu’à je veuille faire un nouvel article avec une image, et là je me suis rendue compte qu’il y avait un problème au niveau de SPIP. Donc j’ai réinstallé un SPIP tout neuf et effectivement tout va bien. Ouf !
J’aurais dû en recauser ici plutôt d’ailleurs, désolée.
Répondre à ce message
Je ne vois pas comment faire fonctionner ce plugin avec EVAWEB. Si quelqu’un pouvait m’aiguiller, merci.
Avec Spip 3.0.13 et Eva 4.2 En laissant par la configuration socialtag par défaut les icônes apparaissent en bas à gauche de la page d’accueil (c’est discret) mais je n’arrive pas à les faire apparaitre dans les pages d’article.
En espérant une âme charitable...
Répondre à ce message
Bravo, super efficace.
Chez moi pas de problème avec bonux au autres plugins (spip 2.1.10 + sakaspip 3.0.4)
seule remarque :
Une icone de partage par email serait la bienvenue - je sais bien que le plugin s’intitule « social tags » mais on a pourtant déjà une icône, fort utile, pour imprimer et l’email (comme l’imprimante) est bien une forme de partage hors réseaux dits « sociaux »
Bonne continuation.
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 : |