Aidez les visiteurs à partager votre contenu sur leur fil d’actualité 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.

L’Injection de code et l’ajout de code avancé à des blocs Code sont utilisés dans certaines étapes de ce guide. Ces fonctionnalités sont disponibles avec les forfaits Core, Plus, Avancé, Business, Commerce Basique et Commerce Avancé. Pour en savoir plus, consultez l’article Choisir le forfait Squarespace qu’il vous faut.

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 de partage de Facebook. Ouvrez le panneau Boutons de partage et 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. Ouvrez le panneau 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 la publication 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 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 Blog, puis cliquez 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.

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 réactif (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 :

• Découvrez les bonnes pratiques pour ajouter un code personnalisé.
• Lisez notre guide général sur les personnalisations basées sur du code.
• Pour obtenir de l'aide sur les outils de développement de Facebook, consultez leur documentation.
• Rendez-vous sur le forum Squarespace, notre forum d’échange entre clients et développeurs.
• Trouvez un expert Squarespace qui vous aidera à créer du code personnalisé pour votre site.