Comment ajouter un plugin Facebook au site Web?
Le bouton J'aime de Facebook permet aux utilisateurs de partager n'importe quelle page de votre site Web avec leurs amis Facebook.
Facebook facilite l'ajout de plugins à votre site Web. Il existe une variété d'options de plugins sociaux parmi lesquelles choisir, mais certaines des plus populaires et des plus utiles incluent le bouton J'aime/Partager, la boîte J'aime, le bouton Envoyer et la boîte de commentaires.
Méthode 1 sur 4: méthode 1: bouton J'aime
- 1Comprenez la fonction du bouton J'aime. Le bouton J'aime de Facebook permet aux utilisateurs de partager n'importe quelle page de votre site Web avec leurs amis Facebook.
- Lorsqu'un visiteur de votre site Web clique sur le bouton J'aime, une histoire apparaîtra sur les fils d'actualité des amis de cet utilisateur. L'histoire renverra à votre site Web.
- Vous pouvez ajouter le bouton J'aime à n'importe quelle page de votre site Web. Placez le bouton sur n'importe quel produit, article, publication ou page similaire que vous souhaitez promouvoir pour augmenter directement le trafic vers cette partie du site Web.
- 2Accédez à la page de configuration du bouton J'aime. Facebook facilite l'ajout du bouton J'aime à votre site Web et dispose d'une page spéciale dédiée à la configuration de la fonctionnalité.
- Vous pouvez trouver la page de configuration du bouton J'aime ici: https://developers.facebook.com/docs/plugins/like-button
- 3Saisissez l'URL. Dans la zone intitulée "URL vers j'aime", tapez l'URL de la page exacte vers laquelle vous souhaitez que le bouton J'aime soit lié.
- Vous devriez pouvoir utiliser n'importe quelle URL valide.
- Si vous prévoyez d'utiliser le bouton pour créer un lien vers plusieurs pages de votre site Web, vous devrez créer un code distinct pour chaque page vers laquelle vous souhaitez créer un lien.
- 4Remplissez le reste du formulaire. Outre l'URL, vous pouvez également spécifier la largeur, la disposition et le type d'action du bouton.
- Techniquement, vous n'avez pas besoin de modifier ces paramètres lors de la création du code du bouton J'aime. Facebook utilisera ses paramètres par défaut si vous ne les modifiez pas.
- De plus, vous pouvez également cocher ou décocher les cases d'option "Afficher les visages des amis" et "Inclure le bouton de partage". La première option montrera les visages d'amis qui ont déjà aimé la page. Cette dernière option affichera également un bouton "Partager" à côté du bouton J'aime. Les utilisateurs peuvent cliquer sur le bouton Partager s'ils souhaitent ajouter un message personnel ou personnaliser avec qui ils partagent le lien.
- Notez que si vous souhaitez créer un bouton Partager pour votre page sans créer également de bouton J'aime, vous pouvez le faire en accédant à la page de configuration du bouton Partager séparée. La procédure pour créer un bouton Partager est essentiellement la même que pour créer un bouton J'aime, et la page de configuration se trouve ici: https://developers.facebook.com/docs/plugins/share-button
- 5Appuyez sur le bouton «obtenir le code». Après avoir rempli les informations, cliquez sur le bouton "Obtenir le code" sous le formulaire. Cela ouvrira une fenêtre contextuelle avec votre code de plugin personnalisé.
- Notez qu'il y a deux sections de code. Vous aurez besoin des deux pour que le plugin fonctionne sur votre site Web.
- 6Collez le code supérieur dans le cadre de votre site Web. Mettez en surbrillance le code dans la première case et copiez-le dans votre presse-papiers. Collez le code dans votre page une fois, en le plaçant immédiatement après la balise d'ouverture <body>.
- Il s'agit du code JavaScript SDK ( kit de développement logiciel). Il permet de créer le cadre logiciel nécessaire pour le code du bouton Like réel. Sans cela, votre bouton J'aime ne fonctionnera pas.
- 7Collez le code du plugin dans le code HTML de votre site Web. Mettez en surbrillance et copiez le code situé dans la deuxième case, puis collez-le directement dans le code HTML de votre site Web.
- Ce deuxième code est le code spécifiquement personnalisé pour fonctionner avec votre page.
- Le positionnement variera en fonction de l'endroit où vous voulez le code. Collez-le directement dans le code HTML à l'endroit où vous souhaitez que le bouton J'aime apparaisse.
- 8Enregistrez et vérifiez votre site Web. Après avoir ajouté le code à votre site Web, enregistrez vos modifications et vérifiez la page. Le bouton J'aime devrait apparaître automatiquement.
- Si le bouton J'aime n'apparaît pas ou ne fonctionne pas, vous pouvez résoudre le problème en lisant les conseils et les détails fournis sur la page de configuration du bouton J'aime d'origine.
En d'autres termes, vous pouvez ajouter ce plugin à votre site Web, mais vous ne pouvez pas l'utiliser pour promouvoir une page Web externe.
Méthode 2 sur 4: méthode deux: comme la boîte
- 1Comprenez la fonction de boîte similaire. La boîte J'aime permet aux utilisateurs d'"aimer" officiellement ou de devenir fans de votre page Facebook. C'est similaire au bouton J'aime, mais il ne fonctionne qu'avec les pages Facebook.
- En d'autres termes, vous pouvez ajouter ce plugin à votre site Web, mais vous ne pouvez pas l'utiliser pour promouvoir une page Web externe. N'utilisez cette fonctionnalité que si vous souhaitez promouvoir votre entreprise Facebook ou votre page de fans.
- Lorsqu'un utilisateur appuie sur le bouton J'aime dans la zone J'aime, il deviendra automatiquement un fan de votre page Facebook et pourra voir son flux de contenu récent à partir de votre site Web.
- 2Accédez à la page de configuration de la boîte similaire. Au lieu de vous faire comprendre vous-même le codage complexe, Facebook a une page spéciale qui vous permet de configurer facilement le plugin Like Box pour votre site Web.
- Accédez à la page de configuration de la Like Box ici: https://developers.facebook.com/docs/plugins/like-box-for-pages
- 3Saisissez l'URL. Dans la zone intitulée «URL de la page Facebook», saisissez l'URL de la page Facebook que vous souhaitez promouvoir à l'aide de ce plugin.
- Notez qu'il doit s'agir de l'URL d'une page Facebook spécifique. Le plugin ne fonctionnera pas si vous utilisez l'URL d'un site Web externe.
- 4Remplissez le reste du formulaire. En plus de l'URL, vous pouvez également spécifier la largeur, la hauteur et le schéma de couleurs du plugin Like Box. Si vous n'apportez aucune modification, Facebook utilisera simplement les options par défaut lors de la création de votre code.
- Vous pouvez également sélectionner quatre cases à cocher facultatives: Afficher les visages des amis, Afficher les publications, Afficher l'en-tête, Afficher la bordure.
- "Afficher les visages des amis" affichera les photos de profil des amis qui aiment déjà la page.
- "Afficher les publications" vous permettra d'afficher les publications de la chronologie de votre page Facebook à l'intérieur de la Like Box.
- «Afficher l'en-tête» affichera l'en-tête «Trouvez-nous sur Facebook» dans la zone J'aime.
- "Afficher la bordure" créera une bordure autour de la boîte.
- Vous pouvez également sélectionner quatre cases à cocher facultatives: Afficher les visages des amis, Afficher les publications, Afficher l'en-tête, Afficher la bordure.
- 5Appuyez sur le bouton «obtenir le code». Une fois que vous avez personnalisé les paramètres à votre guise, cliquez sur le bouton "Obtenir le code" sous le formulaire de configuration.
- Appuyer sur le bouton devrait faire apparaître une fenêtre contextuelle contenant deux sections de code personnalisé.
- 6Collez le premier code dans votre site Web. Sélectionnez le premier code du SDK JavaScript dans la première case. Copiez-le dans votre presse-papiers et collez-le dans le cadre HTML de votre site Web.
- Pour de meilleurs résultats, collez le code directement après la balise d'ouverture <body> de votre site Web.
- Notez qu'il s'agit d'un code de base qui crée le cadre logiciel nécessaire au fonctionnement du plugin Like Box.
- 7Collez le deuxième code dans votre site Web. Revenez à la page de configuration du code sur Facebook et sélectionnez le code personnalisé dans la deuxième case. Copiez-le et collez-le également dans le code HTML de votre site Web.
- C'est le code qui a été spécifiquement adapté à vos besoins. Vous devez le coller dans le code HTML de votre page Web à l'endroit où vous souhaitez que la zone J'aime apparaisse.
- 8Enregistrez et vérifiez le plugin. Une fois que vous avez terminé d'ajouter les deux morceaux de code à votre site Web, enregistrez vos modifications et vérifiez la page Web elle-même. La Like Box devrait apparaître.
- Si la Like Box ne s'affiche pas ou ne fonctionne pas, vous devrez résoudre le problème en lisant les détails fournis sur la page de configuration d'origine de la Like Box.
Facebook facilite l'ajout du bouton J'aime à votre site Web et dispose d'une page spéciale dédiée à la configuration de la fonctionnalité.
Méthode 3 sur 4: méthode trois: bouton d'envoi
- 1Comprendre la fonction du bouton d'envoi. Le bouton Facebook Envoyer permet aux gens d'envoyer en privé du contenu de votre site Web à une autre personne.
- Les boutons J'aime et Partager permettent aux utilisateurs de partager votre page publiquement. En revanche, le bouton Envoyer permet aux utilisateurs de partager la page en privé, ce qui en fait le choix idéal pour les pages qui gagneraient à être partagées sur une base individuelle.
- Les utilisateurs qui cliquent sur le bouton Envoyer peuvent partager du contenu via un message Facebook, vers un groupe Facebook ou par e-mail.
- 2Visitez la page de configuration du bouton d'envoi. Comme pour la plupart des plugins sociaux, Facebook facilite le processus en créant une page dédiée à la formation de votre code personnalisé.
- Trouvez la page de configuration du bouton Envoyer ici: https://developers.facebook.com/docs/plugins/send-button
- 3Saisissez l'URL appropriée. Localisez la case "URL à envoyer" et saisissez l'URL liée au contenu spécifique que vous souhaitez que les utilisateurs partagent et envoient.
- Vous pouvez utiliser n'importe quelle URL valide; il n'a pas besoin d'être lié à une page Facebook.
- Notez que vous devrez créer un code distinct pour chaque page de contenu distincte et spécifique que vous souhaitez que les utilisateurs puissent envoyer.
- 4Remplissez le reste du formulaire. En plus de l'URL, vous pouvez également spécifier la largeur, la hauteur et le schéma de couleurs du bouton Envoyer.
- Si vous n'apportez aucune modification à ces paramètres, Facebook utilisera ses options par défaut.
- 5Appuyez sur le bouton «obtenir le code». Lorsque vous avez rempli le formulaire, cliquez sur le bouton «Obtenir le code» en dessous pour générer le code de votre bouton d'envoi personnalisé.
- En quelques secondes, une fenêtre contextuelle avec deux jeux de codes devrait apparaître.
- 6Copiez et collez le premier jeu de code. Mettez en surbrillance l'ensemble du lot de code dans la zone supérieure, puis copiez-le dans votre presse-papiers. Accédez à l'éditeur HTML de votre site Web et collez le code à l'intérieur.
- Vous devez coller le code directement après la balise <body> du code HTML de votre site Web.
- Ce premier ensemble de code est le code du SDK JavaScript. Il met en place le cadre de code nécessaire qui permet au code du plug-in du bouton Envoyer réel de fonctionner.
- 7Collez le deuxième jeu de code. Revenez à la page de configuration du code et copiez l'intégralité du lot de code dans la case du bas. Collez-le dans l'éditeur HTML de votre site Web.
- Ce lot est le code qui crée réellement votre bouton d'envoi personnalisé. Vous devez le coller dans le code HTML de votre page à l'endroit exact où vous souhaitez que le bouton Envoyer apparaisse.
- 8Enregistrez et vérifiez votre travail. Enregistrez votre travail et quittez l'éditeur HTML de votre site Web. Vérifiez la page Web que vous avez modifiée pour vérifier que le bouton Envoyer apparaît réellement.
- Si le plug-in ne s'affiche pas ou ne fonctionne pas, revenez à la page de configuration d'origine et lisez les détails supplémentaires sous le formulaire de génération de code pour obtenir de l'aide sur le dépannage.
Au lieu de vous faire comprendre vous-même le codage complexe, Facebook a une page spéciale qui vous permet de configurer facilement le plugin Like Box pour votre site Web.
Méthode 4 sur 4: méthode quatre: zone de commentaires
- 1Comprendre le plugin de zone de commentaires. L'ajout d'une zone de commentaires à votre site Web permet aux utilisateurs de Facebook de commenter directement le contenu de votre site Web.
- Lorsque les utilisateurs commentent votre site Web, ils ont également la possibilité de partager ce commentaire avec les fils d'actualité de leurs amis.
- Étant donné que les utilisateurs doivent être connectés à une page Facebook active pour laisser un commentaire à l'aide de ce plugin, cela peut aider à réduire la quantité de commentaires de spam que vous recevez sur votre site Web.
- 2Visitez la page de configuration de la boîte de commentaires. Le moyen le plus simple d'accéder au code de ce plugin est via la page de configuration spéciale de Facebook. Vous pouvez personnaliser le code selon vos besoins sur cette page.
- Accédez à la page ici: https://developers.facebook.com/docs/plugins/comments
- 3Saisissez l'URL. Vous devrez saisir l'URL de la page Web exacte sur laquelle vous souhaitez que les utilisateurs puissent commenter dans la case «URL à commenter».
- Vous pouvez utiliser n'importe quelle URL liée à une page Web externe pour ce champ. Notez qu'il doit s'agir de l'URL exacte de la page spécifique sur laquelle vous souhaitez que la zone de commentaires apparaisse.
- 4Remplissez le reste du formulaire. Vous devez également spécifier la largeur, le nombre de messages et la palette de couleurs de la zone de commentaires.
- Si vous n'apportez aucune modification à ces paramètres, Facebook utilisera les valeurs par défaut.
- Le champ "Nombre de messages" indique combien de messages s'afficheront automatiquement sous la zone de commentaire. Quelle que soit la valeur que vous saisissez, les utilisateurs auront la possibilité d'afficher plus de messages en cliquant sur le bouton "Afficher plus de commentaires" sous le dernier commentaire.
- 5Appuyez sur le bouton «obtenir le code». Lorsque vous êtes satisfait des paramètres que vous avez choisis, cliquez sur le bouton "Obtenir le code" sous le formulaire pour générer le code du plugin.
- Une fenêtre contextuelle avec deux jeux de codes devrait apparaître en quelques secondes.
- 6Collez le premier code dans votre site Web. Le premier code est le code du SDK JavaScript. Vous devrez le copier depuis la fenêtre de code généré et le coller dans l'éditeur HTML de votre site Web, de préférence en suivant la balise <body>.
- Cette section de code ne crée pas le plug-in Commentaires lui-même, mais elle met en place un cadre qui permet au plug-in Commentaires de fonctionner réellement.
- 7Copiez et collez le deuxième lot de code. Revenez à la fenêtre de code généré et copiez le deuxième lot de code. C'est le code qui crée réellement votre boîte de commentaires personnalisée. Collez également ce code dans l'éditeur HTML de votre site Web.
- Vous devez coller ce code dans le corps du site Web HTML, en le plaçant là où vous souhaitez que la zone de commentaires apparaisse. L'endroit le plus courant pour la boîte est au bas de la page Web.
- 8Vérifiez votre site Web. Enregistrez toutes les modifications que vous avez apportées au code HTML de votre page avant de l'afficher. La zone de commentaires devrait apparaître à l'endroit où vous avez placé le code.
- Si le plugin ne fonctionne pas, vous devrez résoudre le problème en lisant les conseils et informations fournis sur la page de configuration d'origine.
En parallèle
