Networks dev.Scripts

Facebook - JS SDK

La version officielle

Pour que les modules HTML5 de Facebook travaillent sur votre blog, vous devez impérativement installer le script SDK dans le code XML de votre modèle.
Le script officiel distribué par Facebook a été conçu pour être injecté dans un quelconque éditeur HTML et ne peut pas être ajouté tel quel dans l'éditeur XML de Blogger.

<div id="fb-root"></div>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=ID_APPLICATION";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


Conversion XML

Pour que le script officiel soit accepté dans l'éditeur XML de Blogger, vous devez échapper les caractères spéciaux ou utiliser les marqueurs CDATA.

Caractères échappés
<div id='fb-root'/>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/fr_FR/all.js#xfbml=1&amp;appId=ID_APPLICATION&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>

Marqueurs CDATA
<div id='fb-root'/>
<script>
// <![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=ID_APPLICATION";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]>
</script>


Ajouter le script dans Blogger

Facebook recommande l'ajout du script au-delà de la balise <body>.

Ouvrez l'éditeur XML de votre modèle, et suivez cette mini-faq.
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
DéveloppementsMulti-versions
Facebook : Bouton partager [Share button]
Populaire
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