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,
Lorsque je clique sur l’icône facebook, j’ai bien la fenêtre facebook pour publier mais cela ne reprend pas l’image ou l’icône de mon article, mais une autre image.
Où chercher l’erreur ?
config, squelette, navigateur, Facebook ?
Escal V3 4.0.22
SPIP 3.2.0
Social tags 2.1.3
Répondre à ce message
Bonjour,
J’utilise le plugin NoiZetier et souhaiterais ajouter « socialtags » dans les noisettes disponibles dans « gérer les noisettes »
Quelqu’un sait-il comment faire ?
Je ne trouve pas la solution.
Merci d’avance
Bonjour,
Tu utilises la noisette « Code Spip libre » et tu y colles le code
<div id="socialtags"></div>Répondre à ce message
Bonjour à tous,
Je suis à la lettre le mode d’emploi pour faire fonctionner ce plugin, mais rien à faire.
Je suis un spipeur de la première heure, et j’ai mis en place et fait fonctionner des plugins bien plus complexes.
Mais là je vais abandonner. J’ai déroulé le forum jusqu’en 2009, cherché plusieurs heures, fais des dizaines d’essais, rien. J’ai remarqué que c’est un problème récurrent pour ce plugin qui fonctionne un coup sur 2.
Bonjour,
J’ utilise sur mes sites ce plugin que j’ai fait (c’est pas de l’autopromo ^^) : https://github.com/mistergraphx/spip_socialshare
On peut linclure autant de fois que l’on souhaite dans une page (par exemple sous des blog post).
ça n’utilise pas de js intrusifs ou autre, juste des url de partage.
un sprite svg avec fallback en png
pipeline pour ajouter ou personnaliser les boutons depuis un autre plugin
si il manque des url je peut les rajouter sur demande, pour le moment j’utilise surtout facebook, twitter, google+
si ça peut aider.
Bonnes fêtes
Bonjour,
@Mist. GraphX, avez-vous un lien pour que l’on puisse visualiser comment cela apparaît dans une page ?
Avez-vous essayé d’incorporer votre plugin dans une infolettre ?
Merci, et heureuses, joyeuses fêtes de fin d’année à tous.
Merci Mist. GraphX pour ce cadeau de Noël qui fonctionne parfaitement bien.
J’ai modifié un peu et cela donne :
@jpcrea : cool, je l’ai fait pour que ce soit facilement surchargeable ou modifiable de plusieurs manière, d’ou le fait que les styles ne sont pas chargés par défaut. Si tu as des suggestions n’hésite pas…
@Le Jaseur Boréal, voir au dessus ^^ mais tout est personalisable via les css, ou le svg/png, voir meme les classes pour les icon si tu veux utiliser une font icon…
Non mais c’est une idée , créer un modele ou squelette utilisant les tables, la problematique est qu’il faut des images embarquées dans ce cas plutot qu’un sprite svg comme actuellement.
Répondre à ce message
Bonjour
J’ai installé et paramétré le social tag et rajouté la div
à article.html
Mais j’ai paramétré en mode pop-up et mes liens ne s’ouvrent pas en pop-up mais directement dans la page courante.
Est-ce qu’il y a un rajout à faire par exemple dans la page html ?
Merci
Cordialement
Répondre à ce message
Bonjour,
Comment incorporer socialtags dans une infolettre
Quand on met
dans le squelette-gabarit du plugin newsletter ,
rien n’apparait dans l’email de test reçu.
Avez-vous une solution pour que les articles choisis ou derniers qui apparaissent dans la newsletter, transportent avec eux les boutons social-tags ?
Merci de toutes les astuces.
Répondre à ce message
Bonjour,
Super plugin qui fonctionne chez moi depuis 3 ou 4 ans ; néanmoins j’ai un souci :
Lorsque je clique sur l’icône facebook, j’ai bien la fenêtre facebook pour publier mais cela ne reprend pas l’image ou l’icône de mon article.
Où chercher l’erreur ?
config, squelette, navigateur, Facebook ?
Sarka-SPIP 3.4.5 [87153]
SPIP 3.0.17 [21515]
Social tags 1.1.1 - stable
Répondre à ce message
Hello,
je ne trouve pas quel fichier du plugin modifier pour changer le texte ALT et TITLE des logos ??
Répondre à ce message
Bonjour,
Je souhaiterais utiliser le plugin sur la page sommaire et sur les pages articles. Pas de souci de fonctionnement sur les pages articles, mais en revanche, sur la page sommaire, le lien social me renvoie vers l’url du site, et non pas de l’article.
J’ai cherché dans les commentaires, mais je n’ai pas trouvé de solution.
Est-ce que c’est possible ? Si oui, quelle est la procédure à suivre ?
Merci d’avance
Patrice
Tu veux des boutons de partage dans la présentation de chaque article sur la page sommaire ? Si oui, ce n’est pas possible avec ce plugin : il prend en compte la page courante, pas le contexte de la boucle.
Mais tu peux coder ça directement dans tes boucles avec des trucs du genre (non testés, il y a peut-être des erreurs) :
ou
Bonjour,
Ok, merci pour les réponses. Je vais effectivement les coder « à la main ».
Dommage. Un paramètre ou un réglage supplémentaire dans ce plug-in serait un véritable plus.
En tout cas, merci à l’auteur pour ce plug-in.
Répondre à ce message
Si je comprends bien :
- j’installe le plug-in
- je mets, à l’endroit du squelette choisi, le code : (avec les brackets) div id=« socialtags » /div
- dans la configuration du plug-in, rubrique « insertion dans les pages », j’indique #socialtags
- j’enregistre
- je vide le cache.
Est-ce OK ?
Car rien n’apparaît sur les pages.
Répondre à ce message
Bonjour,
Le lien de partage pour Diaspora ne fonctionne pas pour moi. Il y a un lien http://sharetodiaspora.github.io/ qui s’ouvre, mais là rien ne bouge. J’entre mon pod, mais rien ne se passe.
Est-ce que le problème est chez moi ou est-ce que c’est un bug ?
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 :
|
