Pour commencer, la « bible » Facebook des Social Plugins : developers.facebook.com/docs/plugins/. Vous y trouverez toutes les infos (actualisées) concernant les plugins utilisés ici.
Valeurs par défaut
En règle générale, si le modèle nécessite une URL et qu’aucun argument ne lui est passé, l’URL courante sera utilisée. Pour définir cette URL, vous pouvez passer l’argument href=... au modèle ou tout simplement suivre la règle des modèles SPIP en transmettant l’ID de l’objet courant [1]. Par exemple :
#MODELE{...}{id_article}
Certaines options communes, notamment de mise en forme, ont des valeurs par défaut, à savoir :
- une couleur de bordure « #dddddd »
- des largeurs de 226px en colonne et 490px en contenu
- la police « Lucida grande »
Note - Les attributs « ref » ne sont pas traités par le plugin (c’est à étudier, et fait partie des choses à faire ...).
« Send » plugin : un simple bouton de commentaire
Doc officielle : developers.facebook.com/docs/reference/plugins/send/.
Références (options) :
- href : URL qui sera « aimée » (par défaut l’URL courante)
- font : la police utilisée (’arial’ ’lucida grande’ ’segoe ui’ ’tahoma’ ’trebuchet ms’ ’verdana’ - par défaut ’lucida grande’ - cf. doc)
- colorscheme : couleur générale du bouton (light/dark - par défaut ’light’)
- width : largeur totale de l’outil (par défaut 80px)
- height : hauteur totale de l’outil (utilisée en iframe - par défaut 20px)
« Like » plugin : le fameux bouton « J’aime »
Doc officielle : developers.facebook.com/docs/reference/plugins/like/.
Références (options) :
- href : URL qui sera « aimée » (par défaut l’URL courante)
- send : montrer le bouton ’send’ (oui/non - par défaut ’oui’)
- layout : standard/button_count/box_count (par défaut ’standard’ - cf. doc)
- show_faces : montrer les visages de ceux qui ont aimé (oui/non - par défaut ’oui’)
- width : largeur totale de l’outil (par défaut 490px)
- height : hauteur totale de l’outil (utilisée en iframe - par défaut 80px)
- action : texte du bouton (like/recommend - par défaut ’like’)
- font : la police utilisée (’arial’ ’lucida grande’ ’segoe ui’ ’tahoma’ ’trebuchet ms’ ’verdana’ - par défaut ’lucida grande’ - cf. doc)
- colorscheme : couleur générale du bouton (light/dark - par défaut ’light’)
« Like Box » plugin : boîte Facebook
Doc officielle : developers.facebook.com/docs/reference/plugins/likebox//
Références (options) :
- href : URL qui sera « aimée » (par défaut l’URL courante)
- header : montrer l’en-tête du bloc (oui/non - par défaut ’oui’)
- stream : montrer la liste de news (oui/non - par défaut ’oui’)
- border_color : couleur de la bordure (hexadecimale AVEC le dièse initial - par défaut ’#dddddd’)
- show_faces : montrer les visages de ceux qui ont aimé (oui/non - par défaut ’oui’)
- width : largeur totale de l’outil (par défaut 490px)
- height : hauteur totale de l’outil (utilisée en iframe - par défaut 80px)
- font : la police utilisée (’arial’ ’lucida grande’ ’segoe ui’ ’tahoma’ ’trebuchet ms’ ’verdana’ - par défaut ’lucida grande’ - cf. doc)
- colorscheme : couleur générale du bouton (light/dark - par défaut ’light’)
« Comments » plugin : bloc de commentaires
Doc officielle : developers.facebook.com/docs/reference/plugins/comments/.
Références (options) :
- href : URL qui sera commentée (par défaut l’URL courante)
- num_posts : nombre de posts montrés (par défaut 2)
- width : largeur totale de l’outil (par défaut 490px)
- height : hauteur totale de l’outil (utilisée en iframe - par défaut 450px)
- font : la police utilisée (’arial’ ’lucida grande’ ’segoe ui’ ’tahoma’ ’trebuchet ms’ ’verdana’ - par défaut ’lucida grande’ - cf. doc)
- colorscheme : couleur générale du bouton (light/dark - par défaut ’light’)
« Activity » plugin : bloc d’activités à la mode RSS
Doc officielle : developers.facebook.com/docs/reference/plugins/activity/.
Références (options) :
- site : URL du site concerné (par défaut URL_SITE_SPIP)
- header : montrer l’en-tête du bloc (oui/non - par défaut ’oui’)
- border_color : couleur de la bordure (hexadecimale AVEC le dièse initial - par défaut ’#dddddd’)
- recommendations : montrer les recommandations (oui/non - par défaut ’oui’)
- filter : un filtre que devront matcher les URLs montrées (vide par défaut - cf. doc)
- width : largeur totale de l’outil (par défaut 226px)
- height : hauteur totale de l’outil (utilisée en iframe - par défaut 300px)
- font : la police utilisée (’arial’ ’lucida grande’ ’segoe ui’ ’tahoma’ ’trebuchet ms’ ’verdana’ - par défaut ’lucida grande’ - cf. doc)
- colorscheme : couleur générale du bouton (light/dark - par défaut ’light’)
« Live-stream » plugin : un chat Facebook (une discussion)
Le plugin proposé par Facebook n’est pas fonctionnel et présente quelques bugs. Il requière d’utiliser une application spécifique à votre site (cf. page de config).
Doc officielle : developers.facebook.com/docs/reference/plugins/live-stream/.
Références (options) :
- event_app_id : l’ID de l’application concernée (par défaut celle de config)
- via_url : URL de redirection (par défaut l’URL courante)
- xid : un ID unique pour la discussion (utile si plusieurs discussions dans une même page)
- always_post_to_friends : poster les messages aux amis (oui/non - par défaut ’non’)
- width : largeur totale de l’outil (par défaut 490px)
- height : hauteur totale de l’outil (utilisée en iframe - par défaut 400px)
- font : la police utilisée (’arial’ ’lucida grande’ ’segoe ui’ ’tahoma’ ’trebuchet ms’ ’verdana’ - defaut ’lucida grande’ - cf. doc)
- colorscheme : couleur générale du bouton (light/dark - par défaut ’light’)
Discussions par date d’activité
9 discussions
Bonjour,
Je tente d’utiliser ce plugin pour afficher le flux d’une page, en mode Live Box donc. Comme c’est u modèle je l’insère dans ma page avecle raccourci typo <fb_like_box|stream=oui/> et après avoir ajouté le flux facebook dans la configuration bien sur.
Or, le flux n’apparaît que lorsqu’il n’est pas publié : dès que je veux le publier, il disparait mystérieusement.
Quelqu’un a t’il déjà rencontré ce problème récemment et aurait trouvé une solution ?
Merci pour votre aide à tous.
Répondre à ce message
Bonjour et merci pour ce plugin.
Je tente de passer dans un article une href en utilisant la syntaxe suivante :
<fb_like|href=https://www.facebook.com/******/>
mais l’article renvoie toujours à la sous-rubrique dont il est issu.
En corrigeant le modèle fb_like de la façon suivante :
j’ai bien la href demandée dans l’article.
Mais est-ce que je me trompe ou c’est réellement un bug ?
Très bonnes fêtes à tous.
Répondre à ce message
Bonjour,
J’ai voulu mettre en place le plugin pour le modèle activity, mais sur ma page apparait juste :
« Javascript du plugin facebook (flux) —> »
Dans le lien de la doc (https://developers.facebook.com/docs/reference/plugins/activity/) je vois :
« With the release of Graph API v2.3, the Activity Feed plugin is deprecated and will stop working on June 23rd 2015. »
J’imagine donc que le problème principal vient de là. Des solutions ? J’avais essayé avec le "page plugin" de facebook (https://developers.facebook.com/docs/plugins/page-plugin) mais je le trouve très peu pratique, car il est impossible à personnaliser (comme c’est un iframe on ne peut pas modifier son css, à ce que j’ai compris).
Merci par avance
Répondre à ce message
Une petite suggestion d’amélioration :
Ajouter le paramètre show_border au modèle fb_like_box
Répondre à ce message
Bonjour et Merci pour ce plugin simple d’utilisation.
Je rencontre deux difficultés :
1) quand j’active le mode iframe, rien ne s’affiche. Juste un espace blanc correspondant à la taille que j’ai paramètré.
2) J’ai activé l’affichage des photos des amis. Mais je n’en ai que 6 qui sont affichés. Alors que j’ai 1500 likes.
Ces photos correspondent à mes vrais amis, et pas aux amis « like ». Mais j’aimerai avoir plus de photos y compris celles des inconnus.
J’ai été sur le générateur de code de FB et je me suis rendu compte que le nombre de photos est proportionnel à la taille de la box. Mais j’ai beau augmenter width et height, j’ai toujours la même quantité de photos.
MERCI
Je me réponds. sur le 2)
Il faut utiliser le modèle fb_like_box
Répondre à ce message
Bonjour et merci pour ce plugin,
est-il possible d’avoir uniquement le bouton « partager »
Par avance merci
Résolu,
J’ai :
- crée fb_share en partant de fb_like
- modifié les lignes 59 et 66 en remplaçant like par share
Cela semble marcher
Bruno
Répondre à ce message
Bonjour,
J’aimerais publier dans un seul container une vingtaine de flux de pages Facebook (associatives) façon « like-box ». Mon idée est d’avoir chronologiquement le titre des pages, la date et le début du post (comme une autre syndication).
Or la like-box ne permet cela que pour une page à la fois, nécessite un enregistrement (pour récupérer les codes) et limite les box à 5.
Ce plugin le permet-il ?
Merci
Bonjour,
Non, le plugin ne permet pas cela en lui-même ... il va falloir bidouiller :(
Tu peux t’inspirer du fichier
contenu/doc_fb_modeles.html
dans le plugin (c’est le squelette de la documentation).@+
Répondre à ce message
Bonjour,
Je teste les boutons sur un site en SPIP 3, mais... rien ne s’affiche ! J’ai oublié quelque chose ?
Merci d’avance !
http://internet22.catholique.fr/Test-du-plugin-Modeles-Facebook
http://internet22.catholique.fr/?pa...
Répondre à ce message
Bonjour,
avec l’url donné, j’obtiens une erreur : L’accès à cette page est restreint. Identifiez vous pour y accéder
Je suis également en train de regarder comment fonctionne ce plugin. Il me semble comprendre que cela passe par une modification du squelette, par exemple celui article.html pour ajouter #MODELEfb_like à la fin du squelette des articles.
Avez-vous fait cette modification ?
Si vous voulez que cela n’impacte pas le reste de votre site, il faut faire une copie de ce squelette en avec un nom différent (dans le dossier squelette) par exemple en article_fb.html.
Il suffit alors de demander à SPIP d’afficher l’article avec ce squelette avec une url type
http://internet22.catholique.fr/Test-du-plugin-Modeles-Facebook?fond=article_fb.html
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 : |