Help bezoekers je content te delen op hun Facebook-feed.

Voeg Facebook-like-knoppen toe aan je site om bezoekers te helpen je content te delen in de nieuwsfeeds van hun Facebook-vrienden. Deze handleiding laat zien hoe je aangepaste like-knoppen kunt toevoegen aan pagina's en blogberichten met behulp van codeblokken.

De stappen in deze gids omvatten het gebruik van code-injectie en het toevoegen van geavanceerde code aan codeblokken. Dit zijn functies die beschikbaar zijn in het Core-abonnement, Plusabonnement, Geavanceerd abonnement, Zakelijk abonnement, Commerce Basic-abonnement en Commerce Advanced-abonnement. Ga voor meer informatie naar Het juiste Squarespace-abonnement kiezen.

Voordat je begint

De beste manier om Facebook-like-knoppen toe te voegen hangt af van welke versie van Squarespace je site gebruikt.

• Versie 7.1 - Versie 7.1 heeft geen ingebouwde opties voor het toevoegen van like-knoppen. Volg de stappen in deze gids om ze toe te voegen.
• Versie 7.0 - We raden aan om like-knoppen weer te geven met knoppen delen in plaats daarvan. Je kunt echter de stappen in deze handleiding volgen als je kennis hebt van codering en meer controle wilt over waar de knop wordt weergegeven. Als je aangepaste code gebruikt, volg dan eerst de onderstaande stappen om de Facebook-knop delen uit te schakelen.

Voeg een Facebook Like-knop toe

Zo voeg je een Facebook Like-knop toe aan je site:

1. Als je site versie 7.0 gebruikt, schakel dan eerst de Facebook-knop delen uit. Open het paneel met knoppen delen en vink Facebook uit.
2. Volg de instructies in de ontwikkelaarsdocumentatie van Facebook om je eigen code te genereren met de Facebook like-knopconfigurator. Er wordt een venster geopend met je code in twee velden.
3. Kopieer de Javascript SDK -code uit het eerste veld.
4. Open je Squarespace-site in een nieuw tabblad. Open het Code-injectiepaneel.
5. Plak in het veld Header de Javascript SDK-code en klik op Opslaan.
6. Ga terug naar de Facebook like-knop Configurator en kopieer de code uit het tweede veld. Dit is je Facebook like-knopcode.
7. Open de editor voor de pagina of post waar je de like-knop wilt toevoegen, klik op een invoegpunt en selecteer Code in het blokmenu.

8. Plak de code voor de like-knop in de codeblok editor.

   Opmerking: Insluitcode wordt soms als beveiligingsmaatregel uitgeschakeld terwijl je bent ingelogd. Als je de code niet ziet, log dan uit of bekijk de pagina in de privé- of incognitomodus van je browser. Zie Waarom kan ik geen aangepaste code zien terwijl ik ben ingelogd op mijn site? voor meer hulp.

Postspecifieke like-knoppen toevoegen aan blogposts

Je kunt je aangepaste code wijzigen om een unieke Facebook-likeknop weer te geven onder elk van je blogposts. Wanneer bezoekers op deze like-knop klikken, vinden ze de specifieke blogpost leuk, en niet de hele site.

Voeg als volgt like-knoppen toe die specifiek zijn aan een blogpost:

1. In het Pagina's -paneel, zweef over een blogpagina en klik op om de pagina-instellingen te openen.
2. Plak in het tabblad Geavanceerd de Facebook Like-knopcode (uit stap 6 hierboven) in het veld Blogpost-item Code-injectie .
3. Vervang de URL van je site in de code door {permalink}.
4. Klik op Opslaan.

De Facebook-Like-knop wordt direct na de inhoud van elke blogpost weergegeven.

Opmerking: Deze op code gebaseerde aanpassing valt buiten de reikwijdte van onze ondersteuning. Dit betekent dat we je niet verder kunnen helpen met de installatie of probleemoplossing. Omdat dit een op code gebaseerde oplossing is, kunnen we bovendien de functionaliteit of volledige compatibiliteit met Squarespace niet garanderen. Dit omvat onder meer hoe het functioneert binnen ons responsive design, met name de weergave op een mobiel apparaat, en of het werkt op alle sjablonen. Aanpassingen in code kunnen ook weergaveproblemen veroorzaken bij toekomstige updates van ons platform. Hoewel we je niet verder kunnen helpen, zijn er veel bronnen die je in de juiste richting kunnen wijzen:

• Leer best practices voor het toevoegen van aangepaste code.
• Lees onze algemene handleiding over code-gebaseerde aanpassingen.
• Voor hulp met Facebook's Developer Tools, bezoek hun documentatie.
• Bezoek het Squarespace-forum, ons forum voor klanten en ontwikkelaars.
• Huur een Squarespace Expert in om aangepaste code voor je site te bouwen.