Add Comments to Squarespace Sites

Dans cette section, nous apprendrons comment ajouter des commentaires en temps réel à votre blogue Squarespace.

Vous n'aurez à ajouter le code qu'une seule fois et le widget sera automatiquement ajouté à tous les billets de blogue existants, et à tous les billets de blogue que vous créerez à l'avenir.

Les fils de commentaires seront uniques pour chaque billet de blogue.

Nous commencerons par ouvrir Pages à gauche, dans l'Éditeur :

Ouvrir Pages

En bas, vous devriez voir Blog avec une icône d'engrenage à droite. Cliquez sur l'engrenage pour ouvrir les paramètres du blog :

Ouvrir les paramètres du blog

Nous allons maintenant aller à Advanced puis à Post Blog Item Code Injection :

Ouvrir le paramètre de code de l'article de blog

Vous devriez voir une zone de code vide comme suit :

Zone de code vide

Nous pouvons maintenant copier l'extrait de code suivant (utilisez le bouton de copie dans le coin supérieur droit de l'extrait) :

Code de commentaires de blog Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // votre identifiant de compte

7

8 function tryLoad() {

9 // essayer de charger pour différentes mises en page

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...puis collez-le dans la zone de code et cliquez sur Enregistrer :

Coller et enregistrer

Succès ! Vous devriez maintenant voir le FastComments Comment Widget sur tous vos articles de blog.

Succès !

Félicitations pour la configuration de FastComments avec Squarespace ! Si vous avez rencontré une Domain Error, ou si vous souhaitez apprendre comment personnaliser la zone de commentaires, lisez la suite !

Dans cette section, nous apprendrons comment ajouter des commentaires en direct à toutes les pages de votre site Squarespace.

Vous n'aurez à ajouter le code qu'une seule fois et le widget sera automatiquement ajouté à toutes les pages existantes, et à toutes les pages que vous créerez à l'avenir.

Les fils de commentaires seront uniques à chaque page.

Nous allons commencer par ouvrir les Paramètres à gauche, dans l'Éditeur :

Ouvrir les paramètres

En bas, vous devriez voir Developer Tools. Cliquez dessus :

Ouvrir les outils de développement

Ensuite, allez à Code Injection :

Ouvrir l'injection de code

Vous devriez maintenant voir deux zones où nous pouvons ajouter du code, l'une intitulée HEADER et l'autre FOOTER. Nous ajouterons notre code dans la zone FOOTER :

Zone de pied de page vide

À l'étape suivante, nous copierons notre code et l'ajouterons.

Nous pouvons maintenant copier l'extrait de code suivant. Utilisez le bouton de copie qui apparaît en haut à droite de l'extrait.

Il y a quelques éléments que vous pouvez configurer dans le code, voir les lignes 4 à 7.

Code des commentaires pour toutes les pages Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // votre identifiant de compte

7

8 function tryLoad() {

9 // essayer de charger pour différentes mises en page

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...puis collez-le dans la zone de code et cliquez sur Enregistrer. Cela devrait ressembler à ceci, avec le code dans le bloc FOOTER :

Coller et enregistrer

Si vous rencontrez des problèmes, vérifiez qu'en bas il n'indique pas "tenantId": "demo". Il devrait afficher votre tenant id si vous êtes connecté. Sinon, contactez le support.

Succès ! Vous devriez maintenant voir le widget de commentaires FastComments sur toutes vos pages.

Félicitations pour la configuration de FastComments avec Squarespace ! Si vous avez rencontré une erreur de domaine, ou si vous souhaitez apprendre à personnaliser la zone de commentaires, lisez la suite !

Dans cette section, nous allons apprendre comment ajouter des commentaires en direct à une page spécifique de votre site Squarespace.

Avec cette approche, vous devrez ajouter le code à chaque page sur laquelle vous souhaitez ajouter le widget de commentaires.

Les fils de commentaires seront uniques à chaque page.

Lors de l'ajout du widget de commentaires à une page spécifique, nous avons un peu plus de contrôle.

Nous pouvons ajouter le widget exactement où nous le voulons, ce que nous ferons dans ce tutoriel en ajoutant un bloc de code personnalisé.

D'abord, ouvrez la page à laquelle vous voulez ajouter des commentaires, puis cliquez sur Modifier en haut à gauche.

Dans cet exemple, nous allons ajouter une section spécifiquement pour les commentaires, mais vous pourriez les ajouter à une section existante de la page.

Ajoutons notre section :

Ajouter une section

Nous allons ajouter une section vide :

Ajouter une section vide

Vous verrez une grande zone vide ajoutée. Cliquez sur ADD BLOCK en haut à gauche :

Ajouter un bloc

Faites défiler vers le bas jusqu'à ce que vous trouviez l'option Code et cliquez dessus :

Sélectionner le widget Code

Positionnez votre bloc de code là où vous souhaitez que le widget de commentaires soit placé :

Position

Modifiez le bloc de code :

Modifier le bloc de code

À l'étape suivante, nous copierons notre code et l'ajouterons.

Nous pouvons maintenant copier l'extrait de code suivant. Utilisez le bouton de copie qui apparaît en haut à droite de l'extrait.

Il y a quelques éléments que vous pouvez configurer dans le code, voir les lignes 4 à 7.

Code pour une seule page Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // votre identifiant de compte

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Cela devrait ressembler à ceci :

Coller et enregistrer

Cliquez maintenant sur enregistrer en haut à droite.

Notez que l'option Preview in Safe Mode ne fonctionnera pas, mais le widget apparaîtra lorsque vous visiterez votre site.

Si vous rencontrez des problèmes, assurez-vous qu'en bas il n'indique pas "tenantId": "demo". Il devrait afficher votre tenant id si vous êtes connecté. Sinon, contactez le support.

Succès ! Vous devriez maintenant voir le widget de commentaires FastComments sur votre page.

Félicitations pour la configuration de FastComments avec Squarespace ! Si vous avez rencontré une erreur de domaine, ou si vous souhaitez apprendre comment personnaliser la zone de commentaires, lisez la suite !

FastComments est conçu pour être personnalisé afin de s'adapter à votre site.

Si vous souhaitez ajouter du style personnalisé ou ajuster la configuration, Consultez notre documentation sur la personnalisation pour savoir comment.