[PBTV4.1] Créer un numéro App ID sur Facebook

Introduction



Donc tout d'abord il faut créer un numéro App ID afin d'utiliser le Javascript SDK , pour pouvoir profiter de tout les avantage et simplification de code que vous apportera les codes fournis par Facebook.

Créer l'App ID sur facebook



Rendez-vous sur cette page: Create an Application

- Cliquez sur "Add a New App"
- Cliquez ensuite sur "site web"



Dans la zone "Choose an existing app....." entrez le non de votre site, pas l'url !





Valider en cliquant sur "Create New Facebook App ID".

- Laissez sur "NON" et choisissez votre catégorie.



Validez sur "Create App ID".

Il faudra bien garder l'ID , dans un bloc note par exemple, avec un simple copier/coller .

Installer Javascript SDK



Maintenant afin d'inclure le SDK , il faut ouvrir le "body.tpl" (../templates/votre_thème/)
Une fois votre fichier ouvert , tout en haut ligne 1, juste au dessus de "# INCLUDE MAINTAIN #" copier/coller ceci :

Code TPL :
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '78**********960',
      xfbml      : true,
      version    : 'v2.2'
    });
  };
  (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/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

*Vous avez déjà votre N°ID dans ce bout de code, mais il vous faut finaliser la procédure avant de l'utiliser.

Entrez votre url de site sur les 2 lignes,et cliquez sur suivant.



Vous pourrez testez votre intégration Facebook avec le code suivant, en le copiant juste en dessous du SDK précédemment copié.
*Une fois testé, n’oubliez pas de le supprimer de votre fichier.

Code TPL :
 
 <div
  class="fb-like"
  data-share="true"
  data-width="450"
  data-show-faces="true">
</div>
 


Et pour finir dans "Etapes suivantes" rendez-vous sur votre page appID en cliquant sur "Skip to Developer Dashboard".
Vous pourrez ensuite en créer d'autres si vous avez plusieurs sites, en vous rendant sur la page de vos applications

- https://developers.facebook.com/apps/

Et voilà ou avez un numéro App ID ^^

Si vous avez des questions, n'hésitez pas à les poser dans la section dédiée sur le forum :)

Créé le 14/02/2015, par Swan

Cette page a été consultée 1879 fois