Modèles Facebook - Références

Cette page recense la liste des options pour chaque modèle proposé par le plugin Modèles Facebook .

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’)

Notes

[1Cette possibilité est apparue avec la version 0.17.0 du plugin.

Discussion

9 discussions

  • Movihardt

    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 :

    <fb:like 
    	[href="(#ENV{href})" ] au lieu de #GET{href})
             ...
    ></fb:like>]

    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

  • Roca balbolive

    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

  • 1

    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

    Répondre à ce message

  • 1

    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

  • 1

    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

  • 1

    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

    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 :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom