Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.

Ajout d'un bouton J'aime Facebook

Ajoutez à votre site des boutons « J’aime » Facebook pour aider les visiteurs à partager votre contenu dans le fil d’actualité de leurs amis Facebook. Ce guide explique comment ajouter des boutons « J’aime » personnalisés à des pages et à des billets de blog à l’aide de blocs Code.

Certaines étapes de ce guide utilisent l’injection de code et l’ajout de code avancé à des blocs Code. Ces fonctionnalités Premium sont disponibles avec les forfaits Business et Commerce.

Avant de commencer

La meilleure méthode pour ajouter des boutons « J’aime » Facebook dépend de la version de Squarespace que votre site utilise.

  • Version 7.1 : la version 7.1 ne propose pas d’options intégrées pour ajouter des boutons « J’aime ». Suivez les étapes décrites dans ce guide pour les ajouter.
  • Version 7.0 - Nous vous recommandons d'afficher plutôt les boutons J'aime à l'aide des boutons de Partage. Toutefois, vous pouvez suivre les étapes de ce guide si vous avez des connaissances en codage et que vous souhaitez mieux contrôler l'emplacement du bouton. Si vous utilisez du code personnalisé, suivez d'abord les étapes ci-dessous pour désactiver le bouton de Partage Facebook.

Ajouter un bouton « J’aime » Facebook

ajouter un bouton « J'aime » Facebook :

  1. Si votre site utilise la version 7.0, désactivez d’abord le bouton « Partager » de Facebook. Dans le Menu principal, cliquez sur Marketing et sur Boutons de partage, puis désélectionnez Facebook.
  2. Suivez les instructions de la documentation Facebook destinée aux développeurs pour générer votre code personnalisé à l'aide du Configurateur du bouton J'aime de Facebook. Une fenêtre s’affiche avec votre code dans deux champs.
  3. Copiez le code SDK Javascript qui se trouve dans le premier champ.
  4. Ouvrez votre site Squarespace dans un nouvel onglet. Dans le Menu principal, cliquez sur Paramètres, cliquez sur Avancé, puis sur Injection de code.
  5. Dans le champ En-tête, collez le code SDK Javascript et cliquez sur Enregistrer.
  6. Retournez dans le configurateur du bouton J’aime de Facebook et copiez le code figurant dans le deuxième champ. Il s’agit du code de votre bouton J’aime de Facebook.
  7. Ouvrez l’éditeur pour la page ou le billet où vous souhaitez ajouter le bouton « J’aime », cliquez sur un point d’insertion et sélectionnez Code dans le menu des blocs.
  8. Dans l'éditeur de blocs de Code, collez le code du bouton J'aime.
    Remarque : par mesure de sécurité, le code incorporé est parfois désactivé lorsque vous êtes connecté(e). Si vous ne voyez pas votre code, déconnectez-vous ou ouvrez la page dans une fenêtre de navigation privée ou en mode incognito. Pour en savoir plus, consultez Pourquoi le code personnalisé n’est pas visible lorsque je suis connecté(e) à mon site ?.

Ajouter des boutons J’aime spécifiques aux billets de blog

Vous pouvez modifier votre code personnalisé pour afficher un bouton J'aime unique sous chacun de vos billets de blog. Lorsque les visiteurs cliquent sur ce bouton J'aime, ils aiment le billet de blog spécifique, au lieu de votre site dans son ensemble.

Pour ajouter des boutons J'aime spécifiques au blog :

  1. Dans le panneau Pages, survolez une page du blog, puis cliquez icône-engrenage pour ouvrir les paramètres de page.
  2. Dans l'onglet Avancé, collez le code du bouton J'aime Facebook (à partir de l'étape 6 ci-dessus) dans le champ Injection de code pour les éléments des billets de blog.
  3. Remplacez l'URL de votre site dans le code par {permalink}.
  4. Cliquez sur Enregistrer.

The_code_pasted_into_the_Post_Blog_Item_Code_Injection_box.png

Le bouton J'aime de Facebook s'affiche directement après le contenu de chaque billet de blog.

Remarque : cette personnalisation basée sur du code n’est pas prise en charge par notre service d’assistance. Nous ne sommes en mesure de vous aider ni pour la configuration ni pour le dépannage. En outre, comme il s’agit d’une solution basée sur du code, nous ne pouvons garantir sa fonctionnalité ni son entière compatibilité avec Squarespace. Nous ne pouvons, par exemple, garantir son fonctionnement avec notre design adaptatif (en particulier son affichage sur les appareils mobiles) ni son fonctionnement sur l’ensemble des templates. Les personnalisations basées sur du code peuvent également causer des problèmes d’affichage lors des futures mises à jour de notre plateforme. À défaut de pouvoir vous assister pour ces éventuels problèmes, nous vous recommandons les ressources suivantes :

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 50 sur 73
Ajout d'un bouton J'aime Facebook