Add Comments to Squarespace Sites

I denne sektion vil vi lære, hvordan man tilføjer live-kommentarer til din Squarespace-blog.

Du skal kun tilføje koden én gang, og widget'en tilføjes automatisk til alle eksisterende blogindlæg, og alle blogindlæg, du opretter i fremtiden.

Kommentartrådene vil være unikke for hvert blogindlæg.

Vi begynder med at åbne Sider i venstre side af editoren:

Åbn Sider

Nederst bør du se Blog med et tandhjul til højre. Klik på tandhjulet for at åbne blogindstillingerne:

Åbn Blogindstillinger

Nu går vi til Advanced og derefter Post Blog Item Code Injection:

Åbn indstilling for kode til blogindlæg

Du bør se et tomt kodeområde som følgende:

Tomt kodeområde

Nu kan vi kopiere følgende kodeudsnit (brug kopier-knappen øverst til højre i udsnittet):

Squarespace Blogkommentarer-kode

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'; // dit konto-id

7

8 function tryLoad() {

9 // forsøg at indlæse for forskellige layouts

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

...indsæt det derefter i kodeområdet og klik på gem:

Indsæt og gem

Succes! Du bør nu kunne se FastComments Comment Widget på alle dine blogindlæg.

Succes!

Tillykke med at have opsat FastComments med Squarespace! Hvis du er stødt på en Domain Error, eller gerne vil lære, hvordan du tilpasser kommentarfeltet, så læs videre!

I denne sektion lærer vi, hvordan du tilføjer live-kommentarer til alle sider på dit Squarespace-websted.

Du skal kun tilføje koden én gang, og widgetten vil automatisk blive føjet til alle eksisterende sider, og alle sider du opretter i fremtiden.

Kommentartrådene vil være unikke for hver side.

Vi starter med at åbne Indstillinger i venstre side i editoren:

Åbn Indstillinger

Nederst bør du se Developer Tools. Klik på dette:

Åbn Udviklerværktøjer

Nu går vi til Code Injection:

Åbn Kodeindsprøjtning

Nu bør du se to områder, hvor vi kan tilføje kode, et mærket HEADER og et mærket FOOTER. Vi vil tilføje vores kode i FOOTER-området:

Tomt område i sidefoden

I det næste skridt vil vi kopiere vores kode og indsætte den.

Nu kan vi kopiere følgende kodeuddrag. Brug kopier-knappen, der vises i øverste højre hjørne af uddraget.

Der er et par ting, du kan konfigurere i koden, se linjerne 4 til 7.

Squarespace Kommentarkode for alle sider

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'; // dit konto-id

7

8 function tryLoad() {

9 // prøv at indlæse for forskellige layouts

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

...indsæt derefter i kodeområdet og klik gem. Det skal se sådan ud, med koden i FOOTER-blokken:

Indsæt og gem

Hvis du har problemer, skal du sørge for, at der ikke står "tenantId": "demo" nær bunden. Det skulle vise din tenant id, hvis du er logget ind. Hvis ikke, kontakt support.

Succes! Du bør nu se FastComments Comment Widget på alle dine sider.

Tillykke med opsætningen af FastComments med Squarespace! Hvis du er stødt på en Domain Error, eller gerne vil lære, hvordan du tilpasser kommentarfeltet, så læs videre!

I dette afsnit lærer vi, hvordan du tilføjer live-kommentarer til en specifik side på dit Squarespace-websted.

Med denne tilgang skal du tilføje koden til hver side, hvor du ønsker at tilføje kommentar-widgeten.

Kommentartrådene vil være unikke for hver side.

Når du føjer kommentarmodulet til en specifik side, har vi lidt mere kontrol.

Vi kan placere modulet præcis hvor vi vil, hvilket vi vil gøre i denne vejledning ved at tilføje en brugerdefineret kodeblok.

Først skal du åbne den side, du vil tilføje kommentarer til, og klikke på rediger i øverste venstre hjørne.

I dette eksempel vil vi tilføje en sektion specifikt til kommentarer, men du kan også tilføje dem til en eksisterende sektion på siden.

Lad os tilføje vores sektion:

Tilføj sektion

Vi vil tilføje en tom sektion:

Tilføj tom sektion

Du vil se et stort tomt område blive tilføjet. Klik ADD BLOCK i øverste venstre:

Tilføj blok

Rul ned, indtil du finder indstillingen Code og klik på den:

Vælg kode-widget

Placer din kodeblok, så kommentarmodulet står, hvor du vil have det:

Placering

Rediger kodeblokken:

Rediger kodeblokken

I næste trin kopierer vi vores kode og tilføjer den.

Nu kan du kopiere følgende kodeudsnit. Brug kopier-knappen, der vises øverst til højre i uddraget.

Der er et par ting, du kan konfigurere i koden, se linjer 4 til 7.

Squarespace-kode til enkelt side

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'; // din konto-id

7

8 function tryLoad() {

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

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Det skulle se sådan ud:

Indsæt og gem

Klik nu på Gem øverst til højre.

Bemærk, at indstillingen Preview in Safe Mode ikke vil fungere, men widget'en vil dukke op, når du besøger dit site.

Hvis du oplever problemer, så sørg for, at der nær bunden ikke står "tenantId": "demo". Det burde vise dit tenant id, hvis du er logget ind. Hvis ikke, kontakt support.

Succes! Du bør nu se FastComments Comment Widget på din side.

Tillykke med at have opsat FastComments med Squarespace! Hvis du er stødt på en Domain Error, eller gerne vil lære, hvordan du tilpasser kommentarfeltet, så læs videre!

FastComments er designet til at kunne tilpasses, så det matcher din side.

Hvis du gerne vil tilføje brugerdefineret styling eller justere konfigurationen, Se vores tilpasningsdokumentation for at få vejledning.