Intégration HTML : Comment afficher sa page Facebook sur son site internet

Vous vous posez la question comment on intègre sa page Facebook sur son site internet ? Voici une solution simple et efficace.
Pour que l’intégration fonctionne, votre page doit être en mode public afin qu’elle soit affichée.
Intégration du code sur votre site internet HTML
- Facebook fournit aux développeurs un plugin permettant d’y intégrer une ou plusieurs pages sans installer un quelconque programme, api, … Pour cela, allez sur https://developers.facebook.com/docs/plugins/page-plugin
- Plusieurs options s’offrent à vous.
- Copiez tout d’abord le lien de votre page Facebook dans le champ » URL de Page Facebook «
- Faites vos propres réglages avec les champs Onglets , Largeur , …
- Une fois que vous avez personnalisé le plugin, cliquez sur « Obtenir le code »
- Deux choix s’offrent à vous:
- Copiez le code de l’onglet SDK Javascript (Copiez les 2 lignes proposées. L’une est dépendante de l’autre)
- Copiez le code de l’onglet Iframe (1 seule ligne)
- Copiez le code choisi est collez le dans votre site. Actualisez. Normalement votre page Facebook s’affiche.
Plugin Social Intégration
Intégration du code HTML sur votre site WordPress (Avant la V5)
- Appliquez la même méthode qu’en haut de l’étape 1 à 5).
- Créez ou modifiez la page concernée (ou l’article concerné)
- Allez sur l’onglet « Texte » en haut à droite
- Collez le code d’intégration.
- Enregistrez et actualisez votre page internet

Intégration du code HTML sur votre site WordPress (Après la V5)
- Appliquez la même méthode qu’en haut de l’étape 1 à 5).
- Créez ou modifiez la page concernée (ou l’article concerné)
- Ajoutez un nouveau bloc, onglet « Mise en forme » puis cliquez sur « HTML personnalisé »
- Collez le code d’intégration.
- Enregistrez et actualisez votre page internet

Deposer un commentaire