Networks dev.ModulesHTML5

Facebook - Embedded Comments

Note : Module HTML5. L'installation du script Facebook SDK dans le blog est requis.


Les paramètres du module

Attribut Valeur Signification
class fb-comment-embed Syntaxe HTML5
data-href https://www.facebook.com/ Adresse du commentaire Facebook
data-width Largeur du module.
De 220 à 750 pixels.
Valeur par défaut : 500px.
data-include-parent
  • true
  • false
Intégration des commentaires parents.


Exemple HTML

<div class="fb-comment-embed"
     data-href="https://www.facebook.com/Blogger.Code/posts/1204247279597675?comment_id=1204343999588003&reply_comment_id=1204390732916663"
     data-width="450"
     data-include-parent="true">
</div>
Résultat :


Conversion XML

Le code officiel fourni par Facebook est un code HTML. Pour l'injecter dans l'éditeur XML de Blogger, certaines règles XML doivent être respectées :
  • Les double-quotes deviennent des single-quotes.
  • La balise d'ouverture devient la balise de fermeture : <div></div><div/>.
  • Les esperluettes doivent être échappées : &&amp;.

Chaque attribut contenant une expression Blogger doit être précédé du préfixe expr: et chaque expression doit ressortir un résultat correspondant à la valeur attendue dans l'attribut.

Exemple
<div class='fb-comment-embed'
     data-href='https://www.facebook.com/Blogger.Code/posts/1204247279597675?comment_id=1204343999588003&amp;reply_comment_id=1204390732916663'
     data-width='450'
     expr:data-include-parent='EXPRESSION'/>

Pour employer des valeurs variables en fonction de diverses conditions, certaines données et certains opérateurs peuvent être intégrés dans le code.
Vous choisissez les données à intégrer en fonction de l'emplacement du code dans le modèle.

<div class='fb-comment-embed'
     data-href='https://www.facebook.com/Blogger.Code/posts/1204247279597675?comment_id=1204343999588003&amp;reply_comment_id=1204390732916663'
     data-width='450'
     expr:data-include-parent='data:blog.pageType == "archive"'/>
Les commentaires parents seront affichés dans les pages de type "Archive".
Dernière modification :

Posts les plus consultés de ce blog

ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire