Het aanmoedigen van sociaal delen onder uw klanten en fans kan een geweldige manier zijn om uw online bereik te vergroten. Maar niemand zal uw inhoud delen als dat een hele klus is.

Vergeet het kopiëren en plakken van links. Met wat eenvoudige code kunt u socialemediaknoppen toevoegen waarmee gebruikers uw inhoud met een paar klikken op het web kunnen delen.

Inhoudsopgave

Soorten knoppen voor sociale media

Sociale mediaknoppen voor Facebook

Sociale mediaknoppen voor Instagram

Sociale mediaknoppen voor LinkedIn

Sociale mediaknoppen voor Twitter

Sociale mediaknoppen voor YouTube

Sociale mediaknoppen voor Pinterest

Sociale media knoppen voor SMMExpert

Soorten knoppen voor sociale media

De meest voorkomende soorten knoppen voor sociale media bieden functies voor delen, liken en volgen. Ze dienen elk een ander doel en de manier waarop ze werken verschilt enigszins per netwerk. Maar elk type doet over het algemeen wat zijn naam impliceert:

• Knoppen delen laat gebruikers uw inhoud delen met vrienden en volgers
• Zoals knoppen laat ze uw inhoud een virtuele duim omhoog geven
• Knoppen volgen zal hen abonneren op uw updates op het opgegeven sociale netwerk

Alle sociale-mediaknoppen in dit bericht zijn actief, dus je kunt ermee interageren om precies te zien hoe ze werken. We hebben ze gemaakt met behulp van de hulpmiddelen die hieronder voor elk sociaal netwerk worden beschreven.

Sociale mediaknoppen voor Facebook

Facebook biedt verschillende knoppen voor sociale media: delen, volgen, leuk vinden, opslaan en verzenden.

Facebook deelknop

Hoe werkt het?

Door een deelknop op Facebook aan uw website toe te voegen, kunnen bezoekers uw inhoud delen met hun vrienden en volgers op Facebook. Ze kunnen ervoor kiezen om uw inhoud te delen op hun tijdlijn, naar een groep of zelfs in een privébericht via Facebook Messenger. Gebruikers kunnen ook hun eigen persoonlijke boodschap toevoegen aan de gedeelde inhoud voordat ze deze plaatsen.

Hoe een Facebook deelknop toevoegen

Gebruik Facebooks share button configurator om share button code te maken die je in de HTML van je website kunt plakken.

Opties voor Facebook-deelknoppen

Wanneer u een Facebook deelknop op uw site zet, kunt u kiezen of u het aantal keren dat de pagina al is gedeeld wilt weergeven (zoals we in de knop hierboven hebben gedaan). Als uw pagina veel sociale aandelen krijgt, kan dit aantal een geweldig sociaal bewijs zijn voor de waarde van uw inhoud.

Facebook volgknop

Hoe het werkt

Met de volgknop kunnen gebruikers zich abonneren op openbare updates van de betreffende Facebook-pagina.

Hoe een Facebook volgknop toevoegen

Gebruik de volgknop-interface van Facebook om code te maken die je kunt kopiëren en plakken in je HTML.

Facebook volgknop opties

Je kunt ervoor kiezen om het aantal mensen te tonen die je pagina al volgen door de opties "aantal vakjes" of "aantal knoppen" te selecteren. Voor gepersonaliseerd sociaal bewijs kun je ervoor kiezen om bezoekers te laten zien welke van hun bestaande Facebook-vrienden je pagina al volgen, en zelfs de gezichten van die volgers te tonen, door de optie "standaard" te selecteren en op het vakje "gezichten tonen" te klikken.

Facebook Vind ik leuk-knop

Hoe het werkt

Klikken op de Like-knop op uw website heeft hetzelfde effect als klikken op Like op een van uw Facebook-berichten. De gelikete inhoud verschijnt in de Facebook-tijdlijn van de gebruiker, en kan verschijnen in de nieuwsfeeds van hun vrienden.

Hoe een Facebook Like-knop toevoegen

Ga naar Facebook's Like button configurator om de code te maken en te kopiëren en te plakken in je HTML.

Facebook Like knop opties

Net als bij de andere Facebook-knoppen kunt u ervoor kiezen om het aantal keren dat de pagina al geliked is te tonen. U kunt ook een aangepaste knop leveren die laat zien welke Facebook-vrienden van de kijker de pagina al geliked hebben.

Een extra interessante optie is dat je ervoor kunt kiezen dat de knop "aanbevelen" zegt in plaats van "leuk vinden".

Opslaan in Facebook-knop

Hoe het werkt

De Save to Facebook-knop werkt net als de Save-optie op Facebook-berichten. Hij slaat de link op in de privélijst van een gebruiker, zodat hij er later naar terug kan gaan - in feite een bladwijzer binnen Facebook, zodat hij later gemakkelijk kan worden gedeeld.

Hoe een knop Opslaan op Facebook toevoegen

Gebruik Facebooks Opslaan-knop configurator om de code te maken en in uw HTML te plakken.

Facebook verzendknop

Hoe het werkt

Met de Facebook verzendknop kunnen gebruikers inhoud van uw website rechtstreeks naar hun vrienden sturen via een privébericht op Facebook Messenger, een vorm van dark social sharing.

Hoe een Facebook verzendknop toevoegen

Je raadt het al, Facebook heeft een verzendknop-configurator die je de code geeft die je in je HTML moet plakken.

Sociale mediaknoppen voor Instagram

Instagram biedt geen knoppen voor delen of liken - wat logisch is, want de aard van Instagram als mobiel platform voor het delen van foto's en video's betekent dat het niet echt geschikt is voor het liken en delen van webinhoud.

In plaats daarvan bood Instagram vroeger badges aan die je kon gebruiken om mensen van je website rechtstreeks naar je Instagram-feed te sturen, maar die badges zijn niet langer beschikbaar. Wijzigingen in de Instagram-API hebben het ook moeilijk gemaakt voor derden om functionele Instagram-knoppen en -badges te maken.

Dat betekent dat je weinig opties overhoudt wat betreft knoppen voor sociaal delen voor Instagram. Maar er is een eenvoudige oplossing: een Instagram-post insluiten.

Naast de foto bevat de ingesloten post een actieve volgknop waarmee gebruikers uw account kunnen volgen zonder uw website te verlaten. U zou zelfs een foto op Instagram kunnen plaatsen die u speciaal voor dit doel gebruikt - een soort evergreen post die de waarde van uw Instagram-account benadrukt.

Een bericht gedeeld door SMMExpert (@hootsuite)

Of u kunt een Instagram-post maken die rechtstreeks verband houdt met de inhoud op een specifieke pagina. U wilt dit natuurlijk niet op al uw webpagina's doen, maar het insluiten van een relevante Instagram-foto kan een geweldige optie zijn in blogberichten.

Hoe een Instagram bericht insluiten met een volgknop

1. Navigeer naar het specifieke bericht dat u wilt insluiten, of ga naar uw Instagram-profiel en scroll terug om een relevante keuze te vinden.
2. Klik op het bericht
3. Klik op de knop meer ( ... ) rechtsonder
4. Selecteer Embed
5. Kies of u het bijschrift wilt opnemen en klik dan op Code insluiten kopiëren
6. Plaats de code in uw HTML

Sociale mediaknoppen voor LinkedIn

LinkedIn biedt aangepaste JavaScript-code voor zowel share- als follow-knoppen.

LinkedIn deelknop

Hoe het werkt

De LinkedIn share knop combineert de functies van de Facebook share en send knoppen. Hiermee kunnen gebruikers uw inhoud op LinkedIn op verschillende manieren delen - op hun openbare profiel, met hun contacten, in een groep, of in een bericht aan een of meer personen. Als u op de knop klikt, opent een pop-up venster dat de mogelijkheid biedt om een persoonlijk bericht aan het bericht toe te voegen, samen met opties voor het delen.

Hoe een LinkedIn deelknop toevoegen

Ga naar de LinkedIn share plugin generator om JavaScript code te maken die je in je HTML kunt plakken.

LinkedIn deelknop opties

U kunt kiezen of u het aantal keren dat uw inhoud al is gedeeld op LinkedIn wilt laten zien.

LinkedIn volgknop

Hoe het werkt

Door op de LinkedIn volgknop te klikken, kunnen gebruikers uw bedrijf op LinkedIn volgen zonder uw website te verlaten.

Hoe een LinkedIn volgknop toevoegen

Gebruik de LinkedIn follow company plugin generator om code te maken om in uw HTML te plakken.

LinkedIn volgknop opties

Net als bij de LinkedIn share-knop kunt u ervoor kiezen om het aantal mensen dat uw bedrijf al volgt op LinkedIn te laten zien als onderdeel van de follow-knop.

Maar er is ook een interessantere optie om te verkennen. De bedrijfsprofiel-plugin werkt op vrijwel dezelfde manier als een eenvoudige volgknop, maar geeft meer informatie over uw bedrijf met de simpele hover van een muis. Om het uit te proberen, kunt u uw muis over de onderstaande knop bewegen.

U kunt uw eigen profiel maken met behulp van de LinkedIn bedrijfsprofiel plugin generator.

Sociale mediaknoppen voor Twitter

Naast de standaard knoppen voor delen en volgen, biedt Twitter knoppen om te tweeten met een bepaalde hashtag, of om iemand te @-noemen met een klik van je muis. Er is ook een knop waarmee iemand je een privé Twitter-bericht kan sturen.

Twitter deelknop

Hoe het werkt

Wanneer een gebruiker op de Tweet-knop klikt, wordt een pop-upvenster geopend met een Tweet met de titel van de pagina en de URL - of u kunt een aangepaste URL instellen. Met een aangepaste URL kunt u UTM-parameters opnemen om bij te houden hoeveel verkeer u krijgt van uw Twitter-deelknop. De gebruiker kan desgewenst meer tekst toevoegen voordat hij de Tweet verzendt.

Hoe een Twitter deelknop toevoegen

1. Ga naar publish.twitter.com, scroll naar beneden en klik op Twitter knoppen
2. Klik op Knop delen
3. Klik boven het codevak op aanpassingsopties instellen
4. Voer uw voorkeuren voor Tweet-opties en knopgrootte in, en klik vervolgens op Update
5. Kopieer en plak de meegeleverde code in uw HTML

Twitter share knop opties

Via de aanpassingsopties kunt u ervoor kiezen om een hashtag en een "via"-gebruikersnaam op te nemen, zodat u de eer krijgt als bron van uw geweldige inhoud. U kunt er ook voor kiezen om wat tekst vooraf in te vullen.

Twitter volgknop

Hoe het werkt

De Twitter volgknop is niet zo efficiënt als de Facebook volgknop, omdat gebruikers twee keer moeten klikken. Door op de knop te klikken wordt een pop-upvenster geopend met een voorbeeld van je Twitterprofiel. De gebruiker moet in dat pop-upvenster nogmaals op Volg klikken om het proces te voltooien.

Hoe een Twitter volgknop toevoegen

1. Ga naar publish.twitter.com, scroll naar beneden en klik op Twitter knoppen
2. Klik op Volgknop
3. Voer uw Twitter handle in, inclusief het @ symbool (bijv. @SMMExpert)
4. Klik op Voorbeeld
5. Klik boven het codevak op aanpassingsopties instellen
6. Voer uw voorkeuren voor Tweet-opties en knopgrootte in, en klik vervolgens op Update
7. Kopieer en plak de bijgeleverde code in uw HTML

Twitter volgknop opties

U kunt kiezen of u uw gebruikersnaam op de knop wilt weergeven of verbergen, en of u de knop klein of groot wilt hebben. U kunt ook kiezen in welke taal uw knop wordt weergegeven.

Twitter vermeldingsknop

Hoe het werkt

Wanneer iemand op de Twitter mention-knop op uw website klikt, verschijnt er een pop-up venster met een lege Tweet die begint met een @-vermelding van uw gebruikersnaam. Dit kan een geweldige manier zijn om lezers met uw team op Twitter in contact te brengen, of om vragen van de klantenservice via het netwerk aan te moedigen.

Hoe voeg je een Twitter mention knop toe

1. Ga naar publish.twitter.com, scroll naar beneden en klik op Twitter knoppen
2. Klik op Mention Button
3. Voer uw Twitter handle in, inclusief het @ symbool (bijv. @SMMExpert)
4. Klik op Voorbeeld
5. Klik boven het codevak op aanpassingsopties instellen
6. Voer uw voorkeuren voor Tweet-opties en knopgrootte in, en klik vervolgens op Update
7. Kopieer en plak de bijgeleverde code in uw HTML

Twitter mention knop opties

U kunt ervoor kiezen om wat tekst vooraf in te vullen in de Tweet, wat een goed idee kan zijn als u de knop gebruikt op een klantenservicepagina. U kunt ook kiezen of u de knop groot of klein wilt hebben, en de taal waarin de tekst van de knop moet worden weergegeven.

Twitter hashtag knop

Hoe werkt het?

Wanneer iemand op een Twitter hashtag knop op uw website klikt, opent een pop-up venster met een Tweet die gevuld is met de gekozen hashtag. Dit is een geweldige manier om mensen aan te moedigen content te delen met uw merk hashtag, of hen te motiveren deel te nemen aan een Twitter chat.

Hoe een Twitter hashtag knop toevoegen

1. Ga naar publish.twitter.com, scroll naar beneden en klik op Twitter knoppen
2. Klik op Hashtag knop
3. Voer uw gekozen hashtag in, inclusief het #-symbool (bijv. #HootChat)
4. Klik op Voorbeeld
5. Klik boven het codevak op aanpassingsopties instellen
6. Voer uw voorkeuren voor Tweet-opties en knopgrootte in, en klik vervolgens op Update
7. Kopieer en plak de bijgeleverde code in uw HTML

Twitter hashtag knop opties

Net als bij de mention-knop kunt u vooraf ingevulde tekst invoeren, de grootte van de knop kiezen en de taal opgeven waarin de tekst van de knop moet worden weergegeven. U kunt er ook voor kiezen een specifieke URL op te nemen, wat goed zou kunnen werken als u uw Twitter-chats archiveert of door gebruikers gegenereerde inhoud op een specifieke pagina verzamelt. U zou ook een landingspagina kunnen kiezen die relevant is voor een specifieke hashtag-campagne.

Twitter bericht knop

Hoe het werkt

Met de Twitter bericht knop kunnen gebruikers u een privé direct bericht sturen op Twitter. Merk op dat dit een andere functie is dan de Facebook verzend knop, waarmee gebruikers uw inhoud in een privé bericht kunnen sturen naar iedereen waarmee ze verbonden zijn. Met de Twitter bericht knop kunnen gebruikers alleen contact met u opnemen, niet met iemand anders op Twitter. Hoewel dit niet zal helpen om uw sociale bereik te vergroten, is hetkan een geweldige manier zijn om mensen aan te moedigen contact op te nemen met uw klantenservice en verkoopteams via Twitter.

Een Twitter berichtenknop werkt het beste als je je account zo hebt ingesteld dat directe berichten van iedereen mogelijk zijn. Anders kunnen mensen die je niet volgen je geen berichten sturen, en kunnen ze gefrustreerd raken over je merk.

Hoe voeg je een Twitter bericht knop toe

1. Log in op uw Twitter-account
2. Klik in de linkerkolom op Privacy en veiligheid
3. Scroll naar beneden naar Direct Message en vink het vakje aan naast Directe berichten van iedereen ontvangen
4. Klik in de linkerkolom op Uw Twitter-gegevens. Mogelijk moet u uw wachtwoord invoeren om toegang te krijgen tot dit scherm.
5. Selecteer en kopieer uw gebruikers-ID, die verschijnt onder uw gebruikersnaam
6. Ga naar publish.twitter.com, scroll naar beneden en klik op Twitter knoppen
7. Klik op Berichtknop
8. Vul uw gebruikersnaam in het bovenste vakje in, inclusief het @-symbool (bijv. @SMMExpert)
9. Plak uw gebruikers-ID in het onderste vak
10. Klik op Voorbeeld
11. Klik boven het codevak op aanpassingsopties instellen
12. Voer uw voorkeuren voor Tweet-opties en knopgrootte in, en klik vervolgens op Update
13. Kopieer en plak de bijgeleverde code in uw HTML

Twitter bericht knop opties

U kunt ervoor kiezen om wat berichttekst voor te vullen, wat goed kan werken als de knop op een pagina staat waar mensen waarschijnlijk contact met u willen opnemen over een specifiek product, een probleem met de klantenservice of een promotie. U kunt ook kiezen of u uw gebruikersnaam op de knop wilt weergeven, de grootte van de knop en de taal waarin de tekst van de knop moet worden weergegeven.

Sociale mediaknoppen voor YouTube

YouTube biedt slechts één knop voor sociale media, waarmee gebruikers zich kunnen abonneren op een YouTube-kanaal.

YouTube inschrijfknop

Hoe het werkt

Net als de Twitter follow button, vereist de YouTube subscribe button twee klikken. Wanneer iemand op je subscribe button klikt, opent je YouTube kanaal in een nieuw venster, met een bevestigingsvenster voor het abonnement. De gebruiker moet dan nogmaals op subscribe klikken om het abonnement te effectueren.

Hoe voeg je een YouTube inschrijfknop toe

Gebruik de YouTube configureer een knop pagina om de code te maken die je in je HTML moet plakken.

Opties voor YouTube abonnementsknoppen

Je hebt een paar opties bij het configureren van je YouTube abonnementsknop. Je hebt de opties om je YouTube profielafbeelding op te nemen, een donkere achtergrond achter de knop, en of je je bestaande aantal abonnees wilt tonen. Net als bij de andere netwerken kan het benadrukken van een groot aantal abonnees een geweldig signaal van sociaal bewijs zijn.

Sociale mediaknoppen voor Pinterest

Pinterest bewaar knop

Hoe het werkt

De Pinterest bewaarknop is gelijk aan de deelknop voor andere netwerken in die zin dat het opslaan van uw inhoud op een Pinterest bord uw bereik vergroot. Omdat Pinterest een op afbeeldingen gebaseerd platform is voor het bijhouden van informatie en ideeën, werkt het een beetje anders dan deelknoppen op andere netwerken. Er zijn drie verschillende manieren waarop u de Pinterest bewaarknop op uw site kunt instellen:

1. Afbeelding zweven : In plaats van een zelfstandige Pinterest knop op uw website te plaatsen, creëert deze optie een code die een Pin It knop laat verschijnen wanneer iemand met de muis over een afbeelding op uw pagina beweegt. Dit is de optie die het meest wordt aanbevolen door Pinterest.
2. Elk beeld Met deze optie plaatst u een Pinterest-knop op uw webpagina. Als u daarop klikt, kan de gebruiker alle afbeeldingen van uw site op zijn Pinterest-bord opslaan.
3. Een beeld : In dit geval geldt de bewaarknop slechts voor een enkele afbeelding op uw pagina. Dit is de meest ingewikkelde optie qua codering.

Hoe voeg je een Pinterest bewaarknop-afbeelding hover of een andere afbeeldingsstijl toe

1. Ga naar de Pinterest widget bouwer en klik op Opslaan knop
2. Kies welk type knop u wilt gebruiken: image hover of een willekeurige afbeelding
3. Selecteer de gewenste opties voor knopgrootte en -vorm
4. Beweeg uw muis over de voorbeeldafbeelding om uw knop te bekijken
5. Kopieer de knopcode en plak deze in uw HTML
6. Voor de willekeurige afbeeldingsoptie kopieer en plak je het pinit.js script van onderaan de widget builder pagina in je HTML, net boven de tag

Hoe voeg je een Pinterest bewaarknop toe - één afbeeldingsstijl

1. Ga naar de Pinterest widget bouwer en klik op Opslaan knop
2. Selecteer de gewenste opties voor knopgrootte en -vorm
3. Ga in een nieuw browservenster naar de pagina op uw website waar de afbeelding staat die u wilt bewerken.
4. Kopieer en plak de URL van die webpagina in de URL box in de widget builder
5. Klik op uw webpagina met de rechtermuisknop op de afbeelding waarmee u wilt werken, en selecteer Afbeelding URL kopiëren
6. Plak de URL van de afbeelding in de Afbeelding box in de widget builder
7. Voer een beschrijving in voor uw afbeelding in het Beschrijving box in de widget builder. Deze verschijnt onder uw afbeelding wanneer iemand deze opslaat op Pinterest
8. Klik op het voorbeeld Pinnen knop in de widget builder om je knop te testen
9. Kopieer de knopcode en plak deze in uw HTML
10. Kopieer en plak het pinit.js script van de onderkant van de widget builder pagina in je HTML, net boven de tag

Opties voor Pinterest opslaan

U kunt niet alleen kiezen welk type knop u wilt gebruiken, maar ook de vorm (rond of rechthoekig), het formaat (klein of groot) en de taal van uw knop aanpassen. U kunt ook kiezen of de bestaande Pin-telling voor uw afbeelding moet worden getoond.

Pinterest volgknop

SMMExpert

Hoe het werkt

Wanneer iemand op de Pinterest volgknop op uw website klikt, verschijnt er een voorbeeldvenster met uw nieuwste pins. Vervolgens klikt u op de knop Volg in dat voorbeeld om uw Pinterest account te gaan volgen.

Hoe een Pinterest volgknop toevoegen

1. Ga naar de Pinterest widget bouwer en klik op Ik wil volgen.
2. Voer de URL van uw Pinterest-profiel in
3. Voer uw bedrijfsnaam in zoals u wilt dat die op de knop verschijnt
4. Kopieer de knopcode en plak deze in uw HTML
5. Kopieer en plak het pinit.js script van de onderkant van de widget builder pagina in je HTML, net boven de tag

Pinterest volgknop opties

Uw enige optie bij de Pinterest volgknop is hoe u uw bedrijfsnaam wilt weergeven. Misschien wilt u uw Pinterest gebruikersnaam of uw volledige bedrijfsnaam gebruiken. Hoe dan ook, houd het bij iets dat voor gebruikers gemakkelijk te begrijpen is.

Sociale media knoppen voor SMMExpert

SMMExpert biedt een social media knop waarmee gebruikers uw inhoud kunnen delen op elk van de netwerken die ze hebben aangesloten op hun SMMExpert dashboard.

SMMExpert deelknop

Hoe werkt het?

Wanneer een gebruiker op de SMMExpert-knop op uw website klikt, wordt een venster geopend met een interface die een link naar uw inhoud bevat. De gebruiker kan kiezen naar welke sociale netwerken hij de inhoud wil delen: Twitter, Facebook, LinkedIn, Google+, of alle bovenstaande. Hij kan een persoonlijk bericht toevoegen voordat hij de inhoud deelt, en beslissen of hij de inhoud meteen wil posten, of dat hij deze wil inplannen voor een bepaald tijdstip in de toekomst, of dat hij gebruik maakt vanSMMExpert's auto-scheduling functie.

Hoe een SMMExpert deelknop toevoegen

Ga naar hootsuite.com/social-share, voer uw URL in en kopieer en plak de code in uw HTML.

SMMExpert deelknop opties

U kunt kiezen uit verschillende knopstijlen.

Til uw social media-vaardigheden naar een hoger niveau met gratis online training en video's van SMMExpert Academy .

Aan de slag