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’ai essayé d’insérer les social tags dans spipclear, et ça a eu l’air de marcher un peu même si je ne sais pas trop comment j’ai réussi à le faire marcher suite à plusieurs recalcules de la page les icônes se sont affichées sur le premier article en haut de la liste, mais pas sur les autres. Je crois avoir compris que le problème vient du sélecteur par id= en effet il ne peut pas y avoir plusieurs fois le même id dans la même page. J’ai donc tenté de lui donner un class= mais malheureusement cela dépasse mes compétences ( pauvres compétences je l’admets … ).
Répondre à ce message
Je me repond à moi même
Le problème de la récupération des titres de l’article est uniquement pour IE , sous Firfox, Chrom, et opera tout est nickel.
Donc problème IE
Répondre à ce message
Après avoir galéré j’ai trouvé la moitier de la solution.
Les icones apparaisent bien, mais il ne prennent pas en compte le titre du l’article, comment faire ?
Voici la moitier de la solution que j’ai trouvé
Je la donne pour les futures personne qui auront le même problème que moi, c’est a dire rien ne s’affiche.
Voici les étape à suivre
pour spip 1.92
<div id="socialtags"></div>
dans votre suqelletteSi rien de s’affiche ajouté #INSERT_HEAD près de vos balise meta. normalement cela doit fonctionné.
PS : si les balises appraissent mais ne changent pas d’apparence au passage de la souris, il faut mettre le bon Doctype XHTML 1.0 Transitional.
Répondre à ce message
Juste pour dire que j’ai demandé dans tous les support possible de l’aide (Forum spip, ici, spip zero) pour l’installation de ce plugin, et je ne pense pas être un « neuneu », j’ai déja installé plusieurs plugin sans problème.
alors je dis que celui-là n’est pas stable du tout, ou se sont les explication qui ne le sont pas.
3 jours que j’essaie d’installer, 3 jours que je galère, et 3 jours que je ne trouve pas de solution.
Répondre à ce message
Bonsoir phil
Rien y fait , j’ai bien configuré le plugin via CFG, en remplaçant #contenu par #socialtags
Puis j’ai mis
dans mon squelettes des articles, mais rien ne s’affiche
Je comprend pas pourquoi ?
Répondre à ce message
BonjourSalut,
J’essai depuis hier soir d’installer le plugin social Tags sur une version de spip 1.92d, mais rien n’apparait
j’ai bien installé les deux plugin CFG + Social Tag, j’ai choisie les site, at j’ai inclu dans mon squelette le code [(#INCLUREfond=noisettes/socialtagsid_article)].
Mais rien n’apparait sur le site.
Je suis aller voir le fichier noisettes/socialtags.html il est casi vide, il ne contient que : [(#REM) Compatibilite ascendante avec l’ancienne noisette ]
Quelqu’un aurai une idée ?
Merci
La nouvelle version du plugin autorise de ne plus utiliser les noisettes.
A la place utiliser la syntaxe suivante :
après avoir configuré le plugin via cfg et indiqué #socialtags dans ’Insertion dans les pages ’.
Merci
Répondre à ce message
Bonjour,
Tout d’abord, un grand merci pour cette contribution (même si je n’arrive pas à la faire fonctionner ;-)).
J’ai bien installé le plugin cfg et social tags. Dans cfg, je choisis Facebook comme réseau social et je précise #socialtags dans « sélecteur ».
Ensuite, dans une boucle article de mon squelette « sommaire », je crèe une div id=« socialtags » dans laquelle j’insère [(#INCLURE fond=noisettes/socialtags id_article)]
Mais rien ne s’affiche :s
Quelqu’un peut-il m’aider ?? Merci d’avance :-)
Répondre à ce message
histoire d’en rajouter un peu ... il m’arrive la même chose avec le dernier spip et avec le squelette morning after qui est d’ailleurs dès le départ configuré pour recevoir les socialtags ... étrange ? vous avez dit étrange ?
Répondre à ce message
Même problème que ci dessous...
Chose étrange, la noisette socialtags ne contient que le code :
<div id="socialtags"></div>
Répondre à ce message
Je n’arrive pas à le faire marcher avec 1.9.2 (ni avec 2.03) j’ai du louper une étape :
- mise en place et activation dans le dossier « plugins » : OK
- choix des sites via CFG : OK
- ajout dans article.html de
[(#INCLURE{fond=noisettes/socialtags}{id_article})]
: OKPas de résultat visible. Dans la source de la page j’ai un :
<div id="socialtags"></div>
Où est mon erreur ?
Merci
Bonjour,
j’ai le même problème. Quelle que soit la div dans laquelle j’apelle la noisette, les social tags se mettent en bas de page.
le code contenu dans le cfg du plugin est on ne peut plus obscur :
#contenu
En bas de chaque page
.page_article .cartouche:first
Sous le bloc de titre des pages article
#socialtags
Sous la div nommée id=socialtags
Pourtant dans une version récente les tags se mettaient là ou l’on souhaitait dans le page. Merci !
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 : |