At opfordre dine kunder og fans til at dele dit indhold på sociale medier kan være en god måde at udvide din online rækkevidde på. Men ingen vil dele dit indhold, hvis det er en pligt at gøre det.

Glem alt om at få folk til at kopiere og indsætte links. Med noget simpel kode kan du tilføje knapper til sociale medier, der giver brugerne mulighed for at dele dit indhold på tværs af internettet med blot et par klik.

Indholdsfortegnelse

Typer af knapper til sociale medier

Knapper til sociale medier til Facebook

Knapper til sociale medier til Instagram

Knapper til sociale medier til LinkedIn

Knapper til sociale medier til Twitter

Knapper til sociale medier til YouTube

Knapper til sociale medier til Pinterest

Knapper til sociale medier for SMMExpert

Typer af knapper til sociale medier

De mest almindelige typer af knapper til sociale medier har funktioner som dele, synes godt om og følg. De tjener hver især et andet formål, og måden, de fungerer på, varierer en smule fra netværk til netværk. Men hver type gør generelt det, som navnet antyder:

• Knapper til deling give brugerne mulighed for at dele dit indhold med venner og følgere
• Ligesom-knapper give dem mulighed for at give dit indhold en virtuel tommelfinger op
• Følg knapper vil abonnere dem på dine opdateringer på det angivne sociale netværk

Alle knapperne til de sociale medier i dette indlæg er aktive, så du kan interagere med dem og se, hvordan de fungerer. Vi har oprettet dem ved hjælp af de værktøjer, der er beskrevet for hvert socialt netværk nedenfor.

Knapper til sociale medier til Facebook

Facebook tilbyder flere knapper til sociale medier: dele, følge, synes godt om, gemme og sende.

Facebook-delingsknap

Sådan fungerer det

Når du tilføjer en Facebook-delingsknap til dit websted, giver det ikke overraskende de besøgende mulighed for at dele dit indhold med deres venner og følgere på Facebook. De kan vælge at dele dit indhold på deres tidslinje, til en gruppe eller endda i en privat besked via Facebook Messenger. Brugerne kan også tilføje deres egen personlige besked til det delte indhold, inden de sender det.

Sådan tilføjer du en Facebook-delingsknap

Brug Facebooks deleknapkonfigurator til at oprette kode til deleknapper, som du kan indsætte i HTML-koden på dit websted.

Muligheder for Facebook-delingsknap

Når du indsætter en Facebook-delingsknap på dit websted, kan du vælge, om du vil vise antallet af gange, siden allerede er blevet delt (som vi gjorde med knappen ovenfor). Hvis din side får mange sociale delinger, kan dette tal være et godt socialt bevis på værdien af dit indhold.

Facebook-følgningsknap

Sådan fungerer det

Følg-knappen giver brugerne mulighed for at abonnere på offentlige opdateringer fra den relevante Facebook-side.

Sådan tilføjer du en Facebook-følg-knap

Brug Facebooks grænseflade for følg-knappen til at oprette kode, som du kan kopiere og indsætte i din HTML-kode.

Muligheder for Facebook-følg-knappen

Du kan vælge at vise antallet af personer, der allerede følger din side, ved at vælge indstillingerne "antal bokse" eller "antal knapper". Hvis du vil have et personligt socialt bevis, kan du vælge at vise de besøgende, hvilke af deres eksisterende Facebook-venner der allerede følger din side, og endda vise disse følgers ansigter, ved at vælge indstillingen "standard" og klikke på boksen Vis ansigter.

Facebook Like-knappen

Sådan fungerer det

Hvis du klikker på knappen Synes godt om på dit websted, har det samme effekt som at klikke på Synes godt om på et af dine Facebook-opslag. Det syntes godt om indholdet vises på brugerens Facebook-tidslinje og kan blive vist i deres venners nyhedsstrøm.

Sådan tilføjer du en Facebook Like-knap

Gå til Facebooks Like-knapkonfigurator for at oprette koden, som du kan kopiere og indsætte i din HTML-kode.

Muligheder for Facebook Like-knappen

Som med de andre Facebook-knapper kan du vælge at vise antallet af gange, siden allerede er blevet liket. Du kan også give den tilpassede knap, der viser, hvilke af seerens Facebook-venner der allerede har liket siden.

En ekstra interessant mulighed er, at du kan vælge, at der skal stå "Anbefal" på knappen i stedet for "Synes godt om".

Gem på Facebook-knappen

Sådan fungerer det

Knappen Gem på Facebook fungerer ligesom indstillingen Gem på Facebook-opslag. Den gemmer linket på en brugers private liste, så de kan vende tilbage til det senere - det er i princippet et bogmærke på Facebook, så det er nemt at dele det senere.

Sådan tilføjer du en knap til at gemme på Facebook

Brug Facebooks konfigurator til at oprette koden til at indsætte den i din HTML-kode.

Facebook-sendelsesknap

Sådan fungerer det

Facebook-sendelsesknappen giver brugerne mulighed for at sende indhold fra dit websted direkte til deres venner via en privat besked på Facebook Messenger, en form for mørk social deling.

Sådan tilføjer du en Facebook-sendelsesknap

Du har gættet det - Facebook har en konfigurator til send-knappen, som giver dig den kode, du skal indsætte i din HTML-kode.

Knapper til sociale medier til Instagram

Instagram tilbyder ikke Share- eller Like-knapper - hvilket giver god mening, da Instagram som en platform til deling af billeder og videoer på mobilen ikke egner sig til at synes godt om og dele webindhold.

I stedet tilbød Instagram tidligere badges, som du kunne bruge til at sende folk fra dit websted direkte til dit Instagram-feed, men disse badges er ikke længere tilgængelige. Ændringer i Instagram API'et har også gjort det svært for tredjepartsudbydere at oprette funktionelle Instagram-knapper og -badges.

Det betyder, at du har meget få muligheder med hensyn til sociale delingsknapper til Instagram. Men der er en løsning, og den er enkel: indlejr et Instagram-opslag.

Ud over billedet indeholder det indlejrede indlæg en aktiv følg-knap, der gør det muligt for brugerne at følge din konto uden at forlade dit websted. Du kan endda sende et billede til Instagram, som du bruger specifikt til dette formål - en slags evigt aktuelt indlæg, der fremhæver værdien af din Instagram-konto.

Et opslag delt af SMMExpert (@hootsuite)

Eller du kan oprette et Instagram-opslag, der har direkte forbindelse til indholdet på en bestemt side. Du vil naturligvis ikke gøre dette på alle dine websider, men det kan være en god mulighed at integrere et relevant Instagram-foto i blogindlæg.

Sådan indlejrer du et Instagram-opslag med en følg-knap

1. Naviger til det specifikke opslag, du vil indlejre, eller gå til din Instagram-profil og rul tilbage for at finde et relevant valg
2. Klik på indlægget
3. Klik på knappen mere ( ... ) nederst til højre
4. Vælg Indlejre
5. Vælg, om du vil medtage billedteksten, og klik derefter på Kopier indlejringskode
6. Indsæt koden i din HTML-kode

Knapper til sociale medier til LinkedIn

LinkedIn tilbyder tilpasset JavaScript-kode til både delings- og følg-knapper.

LinkedIn-delingsknap

Sådan fungerer det

LinkedIn-delingsknappen kombinerer funktionerne fra Facebooks delings- og send-knapper. Den giver brugerne mulighed for at dele dit indhold på LinkedIn på flere måder - på deres offentlige profil, med deres kontakter, i en gruppe eller i en besked til en eller flere personer. Hvis du klikker på knappen, åbnes et pop op-vindue, der giver mulighed for at tilføje en personlig besked til indlægget sammen med delingsmuligheder.

Sådan tilføjer du en LinkedIn-delingsknap

Gå til LinkedIn share plugin-generatoren for at oprette JavaScript-kode, som du kan indsætte i din HTML-kode.

Muligheder for LinkedIn-delingsknap

Du kan vælge, om du vil vise, hvor mange gange dit indhold allerede er blevet delt på LinkedIn.

LinkedIn-følgningsknap

Sådan fungerer det

Hvis du klikker på LinkedIn-følg-knappen, kan brugerne følge din virksomhed på LinkedIn uden at forlade dit websted.

Sådan tilføjer du en LinkedIn-følg-knap

Brug LinkedIn follow company plugin-generatoren til at oprette kode, som du kan indsætte i din HTML-kode.

Muligheder for LinkedIn-følgningsknappen

Ligesom med LinkedIn-delingsknappen kan du vælge at vise antallet af personer, der allerede følger din virksomhed på LinkedIn, som en del af følg-knappen.

Men der er også en mere interessant mulighed at udforske. Plugin'et til virksomhedsprofilen fungerer på samme måde som en simpel følg-knap, men giver flere oplysninger om din virksomhed ved at holde musen over den. Hvis du vil prøve det, kan du prøve at holde musen over knappen nedenfor.

Du kan oprette din egen ved hjælp af LinkedIns plugin-generator til virksomhedsprofiler.

Knapper til sociale medier til Twitter

Ud over de almindelige delings- og følg-knapper tilbyder Twitter knapper til at tweete med et bestemt hashtag eller til at @-nævne en person med et klik med musen. Der er også en knap, der gør det muligt for andre at sende dig en privat Twitter-besked.

Twitter-delingsknap

Sådan fungerer det

Når en bruger klikker på Tweet-knappen, åbnes et pop op-vindue med et Tweet, der indeholder sidens titel og dens URL - eller du kan angive en brugerdefineret URL. En brugerdefineret URL giver dig mulighed for at inkludere UTM-parametre for at spore, hvor meget trafik du får fra din Twitter-delingsknap. Brugeren kan tilføje mere tekst, hvis han/hun ønsker det, før han/hun sender Tweet'et.

Sådan tilføjer du en Twitter-delingsknap

1. Gå til publish.twitter.com, rul ned, og klik på Twitter-knapper
2. Klik på Del-knap
3. Over kodefeltet skal du klikke på indstille tilpasningsmuligheder
4. Indtast dine præferencer for Tweet-indstillinger og knapstørrelse, og klik derefter på Opdatering
5. Kopier og indsæt den medfølgende kode i din HTML

Muligheder for Twitter-delingsknap

Ved hjælp af tilpasningsmulighederne kan du vælge at inkludere et hashtag og et "via"-brugernavn, hvilket sikrer, at du bliver anerkendt som kilden til dit gode indhold. Du kan også vælge at udfylde noget tekst på forhånd.

Twitter-følgningsknap

Sådan fungerer det

Twitter-følg-knappen er ikke helt så effektiv som Facebook-følg-knappen, da den kræver to klik fra brugerne. Ved at klikke på knappen åbnes et pop-up-vindue med et eksempel på din Twitter-profil. Brugeren skal klikke på Følg igen i dette pop-up-vindue for at fuldføre processen.

Sådan tilføjer du en Twitter-følg-knap

1. Gå til publish.twitter.com, rul ned, og klik på Twitter-knapper
2. Klik på Følg-knap
3. Indtast dit Twitter-håndtag, herunder @-symbolet (f.eks. @SMMExpert)
4. Klik på Forhåndsvisning
5. Over kodefeltet skal du klikke på indstille tilpasningsmuligheder
6. Indtast dine præferencer for Tweet-indstillinger og knapstørrelse, og klik derefter på Opdatering
7. Kopier og indsæt den medfølgende kode i din HTML

Muligheder for at følge Twitter-knappen

Du kan vælge, om du vil vise eller skjule dit brugernavn på knappen, og om du ønsker, at knappen skal være lille eller stor. Du kan også vælge det sprog, som din knap vises på.

Twitter-knap til omtale

Sådan fungerer det

Når nogen klikker på Twitter-nævnelsesknappen på dit websted, vises et pop op-vindue med et tomt Tweet, der begynder med en @-nævnelse af dit brugernavn. Dette kan være en god måde at få læserne til at engagere sig med dit team på Twitter eller at opfordre til at få kundeserviceforespørgsler via netværket.

Sådan tilføjer du en Twitter-nævnt-knap

1. Gå til publish.twitter.com, rul ned, og klik på Twitter-knapper
2. Klik på Knap til at nævne
3. Indtast dit Twitter-håndtag, herunder @-symbolet (f.eks. @SMMExpert)
4. Klik på Forhåndsvisning
5. Over kodefeltet skal du klikke på indstille tilpasningsmuligheder
6. Indtast dine præferencer for Tweet-indstillinger og knapstørrelse, og klik derefter på Opdatering
7. Kopier og indsæt den medfølgende kode i din HTML

Indstillinger for Twitter-knappen

Du kan vælge at forudfylde noget tekst i tweetet, hvilket kan være en god idé, hvis du bruger knappen på en kundeserviceside. Du kan også vælge, om knappen skal være stor eller lille, og hvilket sprog knappen skal vises på.

Twitter hashtag-knap

Sådan fungerer det

Når nogen klikker på en Twitter-hashtag-knap på dit websted, åbnes et pop op-vindue med et Tweet med det valgte hashtag. Dette er en fantastisk måde at opfordre folk til at dele indhold til dit brandede hashtag eller motivere dem til at deltage i en Twitter-chat.

Sådan tilføjer du en Twitter hashtag-knap

1. Gå til publish.twitter.com, rul ned, og klik på Twitter-knapper
2. Klik på Hashtag-knap
3. Indtast det valgte hashtag, herunder #-symbolet (f.eks. #HootChat)
4. Klik på Forhåndsvisning
5. Over kodefeltet skal du klikke på indstille tilpasningsmuligheder
6. Indtast dine præferencer for Tweet-indstillinger og knapstørrelse, og klik derefter på Opdatering
7. Kopier og indsæt den medfølgende kode i din HTML

Indstillinger for Twitter hashtag-knappen

Ligesom med knappen omtale kan du indtaste tekst, der er udfyldt på forhånd, vælge knappens størrelse og angive det sprog, knappen skal vises på. Du kan også vælge at inkludere en specifik URL, hvilket kan fungere godt, hvis du arkiverer dine Twitter-chats eller indsamler brugergenereret indhold på en specifik side. Du kan også vælge en landingsside, der er relevant for en specifik hashtag-kampagne.

Twitter-beskedknap

Sådan fungerer det

Twitter-beskedknappen giver brugerne mulighed for at sende dig en privat direkte besked på Twitter. Bemærk, at dette er en anden funktion end Facebooks send-knap, som giver brugerne mulighed for at sende dit indhold i en privat besked til alle, de er forbundet med. Med Twitter-beskedknappen kan brugerne kun kontakte dig og ikke andre på Twitter. Selvom dette ikke hjælper med at udvide din sociale rækkevidde, kan detkan være en god måde at opfordre folk til at kontakte din kundeservice og dit salgsteam via Twitter.

En Twitter-beskedknap fungerer bedst, hvis du har indstillet din konto til at tillade direkte beskeder fra alle. Ellers vil folk, der ikke følger dig, ikke kunne sende dig beskeder, og de kan ende med at føle sig frustrerede over dit brand.

Sådan tilføjer du en Twitter-beskedknap

1. Log ind på din Twitter-konto
2. Klik på i venstre kolonne på Privatliv og sikkerhed
3. Rul ned til Direkte besked, og marker afkryds feltet ud for Modtag direkte beskeder fra alle
4. Klik på Dine Twitter-data i venstre kolonne. Du skal muligvis indtaste din adgangskode for at få adgang til denne skærm
5. Vælg og kopier dit bruger-id, som vises under dit brugernavn
6. Gå til publish.twitter.com, rul ned, og klik på Twitter-knapper
7. Klik på Meddelelsesknap
8. Indtast dit brugernavn i det øverste felt, inklusive @-symbolet (f.eks. @SMMExpert)
9. Indsæt dit bruger-id i den nederste boks
10. Klik på Forhåndsvisning
11. Over kodefeltet skal du klikke på indstille tilpasningsmuligheder
12. Indtast dine præferencer for Tweet-indstillinger og knapstørrelse, og klik derefter på Opdatering
13. Kopier og indsæt den medfølgende kode i din HTML

Indstillinger for Twitter-beskedknappen

Du kan vælge at udfylde en beskedtekst på forhånd, hvilket kan fungere godt, hvis knappen er på en side, hvor folk sandsynligvis vil kontakte dig om et bestemt produkt, et kundeserviceproblem eller en kampagne. Du kan også vælge, om du vil vise dit brugernavn på knappen, knappens størrelse og det sprog, som teksten skal vises på.

Knapper til sociale medier til YouTube

YouTube tilbyder kun én knap til sociale medier, som giver brugerne mulighed for at abonnere på en YouTube-kanal.

YouTube-abonnentknap

Sådan fungerer det

Ligesom Twitter-følg-knappen kræver YouTube-abonnementsknappen to klik. Når en person klikker på din abonnementsknap, åbnes din YouTube-kanal i et nyt vindue med en boks til bekræftelse af abonnementet. Brugeren skal derefter klikke på abonnere igen for at få abonnementet til at træde i kraft.

Sådan tilføjer du en YouTube-abonnementsknap

Brug YouTube-siden Konfigurer en knap til at oprette den kode, du skal indsætte i din HTML-kode.

Muligheder for YouTube-abonnementsknappen

Du har et par muligheder, når du konfigurerer din YouTube-abonnentknap. Du har mulighed for at inkludere dit YouTube-profilbillede, en mørk baggrund bag knappen, og om du vil vise dit eksisterende antal abonnenter. Ligesom med de andre netværk kan det være et godt signal om socialt bevis, hvis du fremhæver et eksisterende stort antal abonnenter.

Knapper til sociale medier til Pinterest

Pinterest-knap til at gemme

Sådan fungerer det

Pinterest-spareknappen svarer til deleknappen på andre netværk, idet du ved at gemme dit indhold på en Pinterest-tavle udvider din rækkevidde. Da Pinterest er en billedbaseret platform til at holde styr på oplysninger og idéer, fungerer den lidt anderledes end deleknapperne på andre netværk. Der er tre forskellige måder, du kan indstille Pinterest-spareknappen på dit websted på:

1. Billed hover : I stedet for at placere en selvstændig Pinterest-knap på dit websted skaber denne mulighed kode, der viser en Pin It-knap, når en person holder musen over et billede på din side. Dette er den mulighed, der anbefales mest af Pinterest.
2. Ethvert billede : Med denne mulighed placerer du en Pinterest-knap på din webside. Hvis du klikker på den, får brugeren mulighed for at gemme billeder fra dit websted på sin Pinterest-tavle.
3. Et billede : I dette tilfælde gælder knappen Gem kun for et enkelt billede på din side. Dette er den mest komplicerede mulighed med hensyn til kodning.

Sådan tilføjer du en Pinterest-spare-knap-billede, der svæver over eller en hvilken som helst billedstil

1. Gå til Pinterest widget builder, og klik på Knap til at gemme
2. Vælg hvilken type knap du vil bruge: billede hover eller et hvilket som helst billede
3. Vælg dine foretrukne indstillinger for knapstørrelse og -form
4. Før musen hen over eksempelbilledet for at få et eksempel på din knap
5. Kopier knappen og indsæt den i din HTML-kode
6. For indstillingen "Any image" skal du kopiere og indsætte scriptet pinit.js fra bunden af widget builder-siden i din HTML, lige over tagget

Sådan tilføjer du en Pinterest-save-knap - en billedstil

1. Gå til Pinterest widget builder, og klik på Knap til at gemme
2. Vælg dine foretrukne indstillinger for knapstørrelse og -form
3. Gå til den side på dit websted, hvor det billede, du ønsker at arbejde med, vises i et nyt browservindue
4. Kopier og indsæt URL af den pågældende webside i URL-feltet i widget builderen
5. På din webside skal du højreklikke på det billede, du vil arbejde med, og vælge Kopier billedets URL
6. Indsæt billedets URL-adresse i Billede boksen i widget builder
7. Indtast en beskrivelse af dit billede i feltet Beskrivelse feltet i widget builderen. Dette vil blive vist under dit billede, når nogen gemmer det på Pinterest
8. Klik på prøven Fastgør den knappen i widget builderen for at teste din knap
9. Kopier knappen og indsæt den i din HTML-kode
10. Kopier og indsæt pinit.js-scriptet fra bunden af widget builder-siden i din HTML, lige over tagget

Indstillinger for Pinterest-knappen "Gem

Ud over at vælge hvilken type knap du vil bruge, kan du tilpasse knappens form (rund eller rektangulær), størrelse (lille eller stor) og sprog. Du kan også vælge, om du vil vise det eksisterende antal pins for dit billede.

Følg Pinterest-knappen

SMMExpert

Sådan fungerer det

Når nogen klikker på Pinterest-følg-knappen på dit websted, vises et preview-vindue med dine seneste pins. De klikker derefter på Følg-knappen i preview-vinduet for at begynde at følge din Pinterest-konto.

Sådan tilføjer du en Pinterest-følg-knap

1. Gå til Pinterest widget builder, og klik på Følg
2. Indtast din Pinterest-profil URL
3. Indtast dit firmanavn, som du ønsker, at det skal vises på knappen
4. Kopier knappen og indsæt den i din HTML-kode
5. Kopier og indsæt pinit.js-scriptet fra bunden af widget builder-siden i din HTML, lige over tagget

Muligheder for at følge Pinterest-knappen

Din eneste mulighed med Pinterest-følg-knappen er, hvordan du vil vise dit firmanavn. Du kan bruge dit Pinterest-brugernavn eller dit fulde firmanavn. Uanset hvad, skal du holde dig til noget, der er let at forstå for brugerne.

Knapper til sociale medier for SMMExpert

SMMExpert tilbyder en knap til sociale medier, der giver brugerne mulighed for at dele dit indhold til alle de netværk, de har tilsluttet deres SMMExpert dashboard.

SMMExpert deleknap

Sådan fungerer det

Når en bruger klikker på SMMExpert-knappen på dit websted, åbnes et vindue med en grænseflade, der indeholder et link til dit indhold. Brugeren kan vælge, hvilke sociale netværk det skal deles til: Twitter, Facebook, LinkedIn, Google+ eller alle de ovennævnte. De kan tilføje en personlig besked, før de deler, og beslutte, om de vil sende med det samme, planlægge opslaget til et bestemt tidspunkt i fremtiden eller brugeSMMExpert's automatiske planlægningsfunktion.

Sådan tilføjer du en SMMExpert deleknap

Gå til hootsuite.com/social-share, indtast din URL, og kopier og indsæt koden i din HTML-kode.

SMMExpert muligheder for at dele knappen

Du kan vælge mellem flere forskellige knapstilarter.

Tag dine færdigheder inden for sociale medier til det næste niveau med gratis online-træning og videoer fra SMMExpert Academy .

Kom i gang