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,
je viens d’installer le plugin et malheureusement, au moment de configurer le plugin après l’installation, lorsque je vais sur la page ecrire/ ?exec=configurer_socialtags je n’obtiens qu’une page quasi vide avec marqué « Ici vous pouvez choisir les sites de partages de vos articles. »
C’est ce que j’obtiens lorsque je l’installe sur ma version de prod sur le serveur, en local, j’ai carrément un message d’erreur (concernant la ligne 8 de configurer_socialtags_fonctions.php
Je suis un peu perdue et ne serais pas contre un peu d’aide. Merci !
Répondre à ce message
Bonjour,
J’ai installé le plugin socialtag et suivi la procédure... peut ere ai-je manqué qque chose. Car l’image des socialtag ne s’affiche pas !
Une solution ?
Merci d’avance
Bon,
je refais une relance : avec le squelette« the morning after » installation du plugin « socialtag » en auto ou manuellement, consignes de cette page suivies au mieux de ce que j’ai cru comprendre, plugin activé bien sûr ! Il ne se passe rien de notable ! pas d’icône parmi celles choisies !
Un petit coup de main est-il possible ? ou une indication supplémentaire ? je suis quelque peu perdu !
Merci !
En parlant, en lisant, en écrivant
Bonjour à tous,
J’ai déjà utilisé ce plugin qui habituellement fonctionne très bien, mais là rien ne s’affiche pourtant dans le
<head>
j’ai bien ma balise<link rel="stylesheet" type="text/css" href="plugins/auto/socialtags/socialtags.css" media="all" >
.J’utilise SPIP 3.0.5 et des squelettes personnalisés.
Merci par avance pour votre aide.
Répondre à ce message
Bonjour
Il y a un petit problème semble t’il avec le plug et Facebook !
Si je clique sur l’icône du plug dans la partie public, une page s’ouvre, pour que je puisse partager sur mon mur.
Avec dedans 2 boutons
« Partager un lien » et « Annuler »
Le problème, est que si l’on clique sur « Annuler », l’on ne revient pas à la page ou nous étions avant !
Le bouton n’a aucun effet, il ne sert donc à rien actuellement :-(
SPIP : 2.1.16 [19678]
CFG : 1.16.0 [58521]
Social tags 1.0.0 [63307]
Cordialement, Franck
Une autre chose qui est embêtante, une fois que l’on a cliquer sur « partager un lien », on ne reviens pas à la page ou on était avant, on reste sur la page qui permet de partager un lien.
Nous sommes dans l’obligation de faire retour via les flèches du navigateur :-(
Firefox 14.0.1
Les API de Facebook sont là,mais comme c’est de l’anglais, je ne saurais dire ce qu’il chercher...
http://developers.facebook.com/docs/
Merci de poser la question, j’ai exactement la même !! je suis donc intéressée par la réponse.
Merci !
Bonjour !
Franck, as-tu trouvé une réponse à tes questions ? Quelqu’un nous a-t-il entendu ?
Merci pour votre aide,
Albane
Répondre à ce message
Salut,
Merci pour ce plugin, il est bien utile.
Par contre, une petite suggestion : lorsqu’on est sur la page d’accueil et qu’on présente (par exemple) la liste des articles, on ne peut insérer les socialtags car le plugin fait un lien vers la page actuelle (or le sommaire), donc on ne peut pas partager l’article que l’on veut proprement dit, on ne peut partager que la page d’accueil. Peux t-on envisager l’insertion d’une option pour ça ?
Personnellement, j’ai le problème inverse... J’ai mis le tag sur une colonne et j’aimerai qu’il fasse un lien vers le site seul, mais il fait le lien vers l’article ou la rubrique en cours...
Bonjour,
J’aimerais également pouvoir décider ce qu’envoi les icônes, soit un article, une rubrique, un mot-clé, etc.
Comme potter64, dans ma page sommaire j’aimerais que les articles soient partagés pas la page sommaire.
Merci
C’est vieux, mais pareil, comme yohannp, je cherche désespérément à intégrer le plugin sur la page sommaire dans la liste d’article ... et je suis une bille en php et javascript ... Donc difficile pour moi de me mettre à l’amélioration du plugin. Je l’aurais fait sans soucis sinon !
Répondre à ce message
Hello,
J’ai ajouté une option à la configuration de SocialTags, ici : http://zone.spip.org/trac/spip-zone/changeset/67019 pour pouvoir choisir si on veut ouvrir les liens dans une nouvelle fenêtre. L’option est désactivée par défaut, donc ne pose aucun problème pour les gens faisant la mise à jour.
Voilà, si l’auteur a des commentaires à faire, ou s’il doit corriger mon code, no problemo :)
a+
Répondre à ce message
Bonjour,
y a-t-il moyen de surcharger les logo des sites sociaux de ce plugin et comment faire ?
Merci d’avance
Oui, comme pour tout plugin de SPIP, il est possible de surcharger tout fichier d’un plugin, y compris les fichiers d’images.
Répondre à ce message
Salut,
nom du site dans le head) suivi de l’adresse de l’article. Or je souhaiterai que ce soit le titre de l’article (le #TITRE) qui apparaisse. Est-il possible de changer cela et comment ?J’ai installé Social Tags (sous Spip 3.0.3) pour signaler des articles dans Twitter. Ça fonctionne mais j’ai un souci : Social Tags affiche (par défaut) le titre du site (le
Merci
Répondre à ce message
Bonjour,
merci pour ce plugin bien pratique !
Je voulais savoir s’il était possible/prévu de traduire les chaines de langue de ce qui s’affiche en tooltip des boutons, en particulier ’Imprimer cette page’ qui fait un peu désordre sur un site multilingue…
Merci d’avance !
Répondre à ce message
Bonjour,
il semble que Socialtags requiert le plugin CFG. Or, je ne souhaite pas installer ce dernier plugin, ce qui est également recommandé sur le site SPIP-Contrib ( contrib.spip.net/CFG-comment-s-en-passer ).
Comment pourrais-je donc pallier à l’impossibilité de configurer Socialtags.
J’utilise SPIP 3.0.4 et sur la page « Configuration du plugin Social tags » le message d’erreur est
merci de vos réponses !
Répondre à ce message
Salut,
Super plugin que j’utilise depuis longtemps.
Est-il prévu d’ajouter Pinterest dans la liste ?
Merci,
T
Bonne idée ! Tu peux l’ajouter !
Réponse typique de spipien ;)
Si je demande c’est bien parce que je ne sais pas comment faire !
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 : |