Hoe gebruik je Social Media op je website?

Facebook, Linkedin en Youtube embedden op jouw site!

Klanten vragen steeds vaker of we ‘social media kunnen integreren’ (embedden) op hun website. Dit kan zeker een toegevoegde waarde hebben, bijvoorbeeld door dynamische feeds, posts of knoppen van platforms zoals Facebook, X (voorheen Twitter) en LinkedIn te gebruiken op je site. We helpen je graag.

Wel is een waarschuwing op zijn plaats. Veel WordPress-plugins en sociale embeds maken gebruik van trackingcodes, wat in strijd kan zijn met de privacywetgeving (zoals de GDPR). Deze pagina verdient dus geen schoonheidsprijs als het gaat om privacy: om de voorbeelden te laten zien, maken we hier gebruik van enkele sociale scripts. Dit is noodzakelijk om een volledig beeld te geven van de mogelijkheden.

Tweede waarschuwing: deze pagina is niet goed toegankelijk

Deze pagina bevat voorbeelden van embedded social media zoals Facebook, Instagram en LinkedIn. Dat is handig om te laten zien hoe het werkt, maar maakt de pagina helaas vrijwel ontoegankelijk voor mensen met een beperking.

De reden is simpel: de embedcodes van deze platforms worden extern geladen en laten zich niet aanpassen. Schermlezers kunnen de inhoud vaak niet goed voorlezen, toetsenbordgebruikers raken de weg kwijt, en visuele hulpmiddelen krijgen weinig houvast. Je hebt als websitebeheerder geen controle over hoe deze elementen technisch zijn opgebouwd.

Wil je deze pagina echt toegankelijk maken, dan zou je eigenlijk alternatieve content moeten bieden zoals samenvattingen, transcripten of schermafbeeldingen met beschrijving. Maar dan verliest de pagina zijn functie als live demonstratie.

Kortom: zolang je deze embeds wilt tonen zoals ze zijn, is volledige toegankelijkheid niet haalbaar. Het is belangrijk om je dit te realiseren als je toegankelijkheid belangrijk vindt.

Wat is tracking?

Stel, je bezoekt een website over vakanties naar Italië waar een social media feed van Facebook is geïntegreerd. Terwijl je de pagina bekijkt, wordt een Facebook-pixel of een embedded script geladen. Dit kleine stukje code registreert dat je interesse hebt in Italië en stuurt die informatie naar Facebook.

Later, terwijl je door je Facebook-timeline scrolt, zie je opeens advertenties voor Toscaanse villa’s of Italiaanse wijnproeverijen. Dit is tracking in actie: het koppelen van jouw online gedrag aan advertenties. Hoewel het handig kan zijn, brengt het ook privacy kwesties met zich mee. Veel websites gebruiken daarom cookiemelders om bezoekers expliciet toestemming te vragen voor dit soort tracking.

Wil je toch graag gebruik maken van de mogelijkheden?

Hieronder vind je verschillende voorbeelden van Social Media op je site:

• Facebook Page Plugin
• Één Facebookbericht of filmpje op jouw site.
• Een Instagram Post op jouw site
• X-feed (voormalig Twitter)
• Share buttons
• YouTube Video embedden
• Linkedin profiel (business card)
• Jouw blogberichten automatisch delen op social media

Facebook Page Plugin

Een populaire social media feature is de Facebook like box. Dit is een blok op je website waar je direct een Facebook Bedrijfspagina (dus géén privé Facebookprofiel)- kunt bekijken en liken. Ook kun je ’the faces’ laten zien van andere facebook gebruikers die jouw bedrijfspagina leuk vinden.

Indien je actief bent op Facebook, en de doelgroep is grotendeels dezelfde als die van je website, is het zeker raadzaam om dit te plaatsen. De code (met tracking helaas!!)  kun je genereren op:
https://developers.facebook.com/docs/plugins/page-plugin
Hieronder -bij ‘Een Facebookbericht plaatsen op jouw site’- lees je hoe je de code voor één bericht in de broncode op jouw webpagina kunt plaatsen. Deze werkwijze is dezelfde voor de code die je via bovengenoemde page-plugin kunt genereren.

Voorbeeld embedded pagina van super-actief.nl:

Eén Facebookbericht plaatsen op jouw WordPress site.

NB: dit kan ook een ‘Live’ filmpje zijn!

WERKWIJZE:
Let erop dat iedereen op Facebook het bericht kan zien (Openbaar).

Klik nu op de drie bolletjes naast het gewenste Facebookbericht (of filmpje) en kies voor ‘Insluiten’:

Kopieer de code.
Wil je ook je toelichting laten zien? Zet dan een vinkje bij ‘Volledig bericht invoegen’

Ga nu naar het bericht of de pagina waar je je bericht wil delen en klik op ‘Tekst’ in de editor. Hiermee heb je toegang tot de broncode van je bericht.

Zet je cursor op de plek waar je het bericht wil plaatsen en plak de code, bv m.b.v. de rechtermuisknop:

Voila! Het berichtje staat op de webpagina op je site. Vergeet niet om je werk op te slaan!

Hieronder zie je het resultaat:

Instagram Bericht op jouw WordPress site

Het is ook mogelijk een Instagram post te plaatsen op jouw website. De werkwijze is vrijwel gelijk als het plaatsaen van een Facebookbericht op je site (zie uitleg hierboven).
Ga naar je bericht en klik op de drie bolletjes naast je naam. Kies vervolgens voor ‘insluiten’ en klik op ‘Insluitcode kopiëren’.

De gekopieerde code plak je in de broncode van je WordPress editor, zoals ook bij de vorige post over Facebook wordt beschreven. Ofwel:

Klik op ‘Tekst’ in de editor. Hiermee heb je toegang tot de broncode van je bericht.

Zet je cursor op de plek waar je het bericht wil plaatsen en plak de code in je bericht.

 

Dit bericht op Instagram bekijken

 

Een bericht gedeeld door Karen Nijst (@karennijst)

X-feed op je website plaatsen

Het kan interessant zijn om een zogenaamde X-feed (voorheen Twitterfeed) op de homepage van je website te tonen. Deze feed laat de laatste berichten (posts) zien van een specifiek X-account, waardoor je bezoekers direct een actueel overzicht krijgen van je activiteiten op het platform.

Wil je een X-feed integreren op je website? Je kunt eenvoudig de benodigde code genereren via de officiële tool:  https://publish.twitter.com/

Share buttons

Social media share-knoppen: nauwelijks nog toegepast (en waarom?)

Je ziet ze steeds minder: de bekende ‘share-knoppen’ onderaan een pagina of artikel. Hiermee kunnen bezoekers jouw content delen via platforms zoals Facebook, Twitter of LinkedIn. Handig, zou je denken, want het maakt het eenvoudig voor anderen om jouw informatie te verspreiden. Toch worden deze knoppen tegenwoordig veel minder toegepast. Waarom?

Waarom share-knoppen hun populariteit verliezen:

1. Versnippering van socialmediagebruik
   Bezoekers gebruiken niet langer alleen de grote platforms zoals Facebook, Twitter en LinkedIn. Nieuwe sociale netwerken en niche-platforms zijn in opkomst. Denk aan TikTok, Discord of gespecialiseerde community-platforms. Share-knoppen ondersteunen vaak alleen de traditionele grote spelers en sluiten zo een groot deel van het publiek uit.
2. Gebrek aan daadwerkelijk gebruik
   Uit data-analyse blijkt vaak dat share-knoppen op veel websites amper worden gebruikt. Bezoekers delen liever rechtstreeks vanuit hun eigen socialmedia-apps in plaats van via een knop op een website.
3. Privacy- en laadsnelheidsproblemen
   Veel share-knoppen laden externe scripts om te communiceren met socialmediaplatforms. Dit kan je website vertragen en zorgt voor extra tracking, wat niet ideaal is in tijden van strenge privacyregels zoals de GDPR.
4. Alternatieven zijn eenvoudiger
   Tegenwoordig kopiëren mensen vaker gewoon de URL van een pagina en plakken deze in hun eigen post op social media. Dit is sneller en minder omslachtig dan het gebruik van een specifieke share-knop.

 

YouTube Video’s embedden

Ook Youtube en Vimeo bieden de mogelijkheid om (eigen) video’s te plaatsen op de site. Indien de video niet beveiligd is tegen delen, dan kan bij ‘Delen -> Insluiten’ de code gegenereerd worden waarmee de video op de – eigen-  site te bekijken is. Zie voorbeeld helemaal onderaan.
Uiteraard moet het om een openbare video gaan, check dus altijd de privacy-instellingen!

Let op! Sommige WordPress theme bieden andere opties. Zo kun je met ‘Divi’ of ‘Extra’ van Elegant Themes de volgende code gebruiken:

LinkedIn Profile Plugin

Heb je een Linkedin profiel? Dan kun je jouw ‘business card’ op je site plaatsen.
Dit doe je als volgt:

• Log in op je LinkedIn-account en ga naar jouw profielpagina.
• Klik op je profielpagina op ‘Edit Public profile & URL’ rechtsboven in je scherm.
  
• Scroll naar beneden en klik op ‘Create a badge’ bij ‘Public Profile Badge’
  
• Kopieer de gewenste scriptcodes en plak deze op de plek waar je de badge wil tonen.
  NB: in WordPress kan dit door de tab ‘Tekst’ te gebruiken -i.p.v. ‘Visueel’. Zie ook de uitleg bij mijn stukje over het embedden van 1 Facebookbericht

Jouw blogberichten automatisch delen op social media

Het automatisch delen van blogberichten op platforms zoals X (voorheen Twitter), Facebook, LinkedIn, en zelfs Instagram of TikTok, kan tijd besparen en je bereik vergroten. Handmatig delen biedt vaak meer personalisatie, maar met de juiste tools kun je efficiëntie en maatwerk combineren, zelfs op visueel georiënteerde platforms.

Populaire tools en plugins:

• Blog2Social: Automatiseert delen en biedt opties om berichten per platform aan te passen.
• Jetpack Social: Ideaal voor het eenvoudig delen van nieuwe berichten op meerdere netwerken.
• NextScripts SNAP: Ondersteunt uitgebreide personalisatie en werkt met een breed scala aan platforms.
• Later of Loomly: Helpen bij het plannen en publiceren van posts op visuele platforms zoals Instagram en TikTok.

Tips voor succesvol delen:

• Pas berichten aan per platform: Platforms zoals Instagram en TikTok vragen om visuele content, terwijl LinkedIn ruimte biedt voor langere, inhoudelijke teksten.
• Wees interactief: Automatisch delen is handig, maar blijf reageren op reacties en vragen van je publiek.
• Focus op consistentie: Vooral op visueel gerichte platforms helpt regelmatig posten je om zichtbaar te blijven.
• Privacybewust delen: Kies tools die voldoen aan privacywetgeving en minimaliseer onnodige tracking.

Met de juiste balans tussen automatisering en personalisatie kun je zowel tijd besparen als je publiek effectief bereiken, ongeacht het platform.