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
Bonjour,
J’essais depuis avant hier d’utiliser le plugin en l’intégrant sur mon site internet.. mais rien ne se passe j’obtiens seulement le tag utilisé ou le div.
Des personnes peuvent m’aider ?
Merci par avance
Répondre à ce message
Un comportement surprenant...
j’installe la noisette like-box de socialtags dans une page gérée par le noizetier... rien ne se passe, pas d’erreur, mais rien ne s’affiche... en debut, le squelette est bien là avec ses paramètres, mais sans effet...
et il suffit qu’avant je mette aussi la noisette badge pour que ca fonctionne...!
je l’enlève... plus rien, je la remets... la like box s’affiche de nouveau.. test effectué plusieurs fois...
je ne vois pas du tout dans le code ce qui peut produire ça...
merci d’avance d’une piste...
Répondre à ce message
Bonjour
Envisagez-vous un lien vers Mastodon ?
Cordialement
Jean-Luc
un plugin mastodon existe et fonctionne très bien... Il fait mieux puisqu’il génère un « pouet » à chaque article...
bonjour
j’avais installé socialtags bien que n’étant pas utilisateurs de réseau social, mais pour des lecteurs de mon site qui le demandait.
Mais après vérification, je ne comprends pas ce que fait le plugin. J’ai ouvert un compte twitter pour tester, et quand je veux twiter un article, il m’ouvre une page contenant un twit dont le contenu est surprenant... Apparemment une liste de titre d’articles, dont celui pour lequel j’avais twité, mais sans l’URL et avec par contre d’autres titres dans rapports...
et tentant de comprendre le plugin, je m’aperçois qu’il n’y a rien à part un div class=« social » ajouté mais je ne vois pas ce qui déclenche l’action...
merci d’avance à celui qui me met sur la piste...
Répondre à ce message
https://zone.spip.net/trac/spip-zone/log/_plugins_/socialtags n’est pas visible pour voir quels sont les modifications apportées le 18/09/2019
Répondre à ce message
Bonjour, j’ai décoché un réseau social dans la config du plugin dont je ne me sers plus.
Après validation celui-ci est toujours présent dans ma page !
Même après un vidage de cache.
Que faire ?
Merci pour vos réponses
Cordialement
Répondre à ce message
Bonjour,
j’ai activé ce plugin sur 2 sites et me suis aperçu au bout de (longtemps) que celui-ci gène le référencement en mettant en avant les premiers tags (facebook, Linkedin) au lieu de vos mots clés dans les « impressions » de listes de sites avec des mots clés (quand on y est) . Je ne sais pas exactement à quoi c’est dû comme ce n’est pas à effet immédiat.
Répondre à ce message
Bonjour, je viens d’installer ce plugin sur une version
SPIP 3.2.0 [23778] est un logiciel libre distribué sous licence GPL + écran de sécurité 1.3.2
et malgré mes recherches, je n’arrive pas à savoir pourquoi il s’affiche en 2 fois ?
Merci pour votre réponse
Bonjour, je constate le même souci sur l’un de mes sites... je cherche une solution... Merci pour votre réponse.
Après avoir fait plusieurs tests, il semblerait qu’il s’affiche deux fois si la balise #INSERT_HEAD est appelée deux fois (ex : fichier header.html + article.html)
Répondre à ce message
Bonjour,
J’aimerais ajouter WhatsApp et éventuelement Facebook Messenger.
Comment faire ?
Merci d’avance,
Cordialement,
Hervé
Répondre à ce message
Bonjour,
J’ai l’impression que le plugin ne fonctionne plus car lorsque sur cette page de présentation de SocialTags sur Spip-Contrib je clique que le lien de partage Facebook (entre l’indication de compatibilité aux versions de Spip et les Téléchargements), cela me mène certes à la fenêtre Facebook pour publier, mais... la publication n’aboutit finalement à rien sur ma page Facebook !
C’est à se demander si la composition des liens de partage ne serait plus http://www.facebook.com/sharer/sharer.php?u=URLDELAPAGEAPARTAGER&t=NOMDELAPAGEAPARTAGER
J’ai fait des tests de cette URL avec d’autres pages, le résultat est le même.
Qu’en pensez-vous ?
Marc
Répondre à ce message
Bonjour,
Toujours suite au problème de photo intempestive, j’ai eu l’information suivante :
Après test de tous les paramètres de Meta +, aucune évolution, cela ne résout pas le problème qui visiblement est au niveau du plugin, j’ai exactement le même problème sur Google+ que sur Facebook.
De plus la réaction est différente d’un article à l’autre, sans que je puisse trouver de logique.
Cela a fonctionné avec un article contenant une photo mais pas sur un autre contenant lui aussi une photo.
J’ai eu la même réaction avec un article sans photo mais avec un logo, la encore pas la même réaction avec un autre article.
Je suis un peu perdu.
Je suis allé jusqu’à supprimer les fichiers dans le répertoire tmp/cache, sans que cela ne change quoi que ce soit.
Il semble que la photo persiste au niveau du plugin et ne puisse être vidée avec le vidage de cache de SPIP ou même avec la suppression des fichiers tmp/cache.
Quelqu’un a t’il eu se problème ?
Sans solution je désactiverais le plugin qui pour moi est inutilisable actuellement.
Cordialement,
André
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 :
|
