SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 251 visiteurs en ce moment

Accueil > Interactivité, échanges > Recommandation Sociale > Modèles Facebook > Modèles Facebook - Références

Modèles Facebook - Références

6 juillet 2011 – par PieroWbmstr – 12 commentaires

5 votes

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 :

  1. #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.

Dernière modification de cette page le 21 décembre 2011

Retour en haut de la page

Vos commentaires

  • Le 14 mars à 13:58, par chakana En réponse à : Modèles Facebook - Références

    Bonjour,
    Le plugin est vraiment intéressant, mais je veux insérer les commentaires facebook de l’article dans une table d’une base de données. Comment procéder ?Merci

    PNG - 608.6 ko

    Répondre à ce message

  • Le 8 juillet 2015 à 12:31, par Roca balbolive En réponse à : Modèles Facebook - Références

    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

  • Le 2 février 2015 à 12:37, par bruno31 En réponse à : Modèles Facebook - Références

    Une petite suggestion d’amélioration :

    Ajouter le paramètre show_border au modèle fb_like_box

    Répondre à ce message

  • Le 2 février 2015 à 11:33, par bruno31 En réponse à : Modèles Facebook - Références

    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

  • Le 16 mars 2014 à 12:45, par Bruno En réponse à : Modèles Facebook - Références

    Bonjour et merci pour ce plugin,
    est-il possible d’avoir uniquement le bouton « partager »

    Par avance merci

    • Le 16 mars 2014 à 13:15, par Bruno En réponse à : Modèles Facebook - Références

      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

  • Le 6 février 2014 à 21:04, par Pinet JP En réponse à : Modèles Facebook - Références

    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

    • Le 8 mars 2014 à 19:54, par PieroWbmstr En réponse à : Modèles Facebook - Références

      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

  • Le 26 décembre 2013 à 13:58, par pgiron En réponse à : Modèles Facebook - Références

    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

  • Le 5 janvier 2014 à 19:58, par alain En réponse à : Modèles Facebook - Références

    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

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Adaptive Images

    15 novembre 2013 – 65 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Brownie

    6 juillet 2012 – 43 commentaires

    Brownie est une adaptation pour Zpip du thème du même nom initialement développé par Egrappler.com. Présentation Brownie est un thème Responsive à deux colonnes. La démonstration ci-dessous utilise la version 2.0.0 de Brownie, la dist de SPIP3 (...)

  • Métas +

    3 décembre – 13 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Compositions 2 et 3

    25 mars 2011 – 176 commentaires

    Ce plugin vous permet de définir plusieurs variantes de squelettes (nommées compositions) pour un même type d’objet SPIP. Dans l’espace privé, il est alors possible de choisir, dans un menu déroulant, la composition qu’on veut attribuer à chaque (...)

Ça spipe par là