Zo krijg je een echte "Volg ons" knop op je website
Op deze pagina vindt je informatie om een “volg ons” knop op je website toe te voegen voor:
Je ziet voorbeelden van de mogelijkheden en vindt de (link naar de) juiste html code. In de footer van onze website zie je hoe Promote Your Post deze knoppen heeft toe gepast. Als start-up zouden wij het leuk vinden als je ons ook echt gaat volgen.
Volg ons op LinkedIn knop
LinkedIn heeft een stukje HTML code wat je op je website kunt gebruiken, door simpelweg de html code toe te voegen op de plaats op je website waar jij dit wenst.
De vormgeving van de “Volg ons” knop van LinkedIn wordt door LinkedIn bepaald, varianten zijn mogelijk als je het aantal volgers weer laat geven. Dit kan door een waarde in te vullen bij data-counter=””. De mogelijkheden zijn beperkt tot data-counter=””, data-counter=”right” en data-counter=”bottom” zie onderstaande voorbeelden.
🔹TIP🔹
Als beheerder van een bedrijfspagina kan uw bedrijfs-ID worden opgehaald door naar het beheerdersgedeelte van uw bedrijfspagina te gaan. De beheerpagina van het LinkedIn-bedrijf is bijvoorbeeld https://www.linkedin.com/company/00000000/admin/. In ons voorbeeld gebruiken we de bedrijfs-ID 00000000.
<script src=”https://platform.linkedin.com/in.js” type=”text/javascript”> lang: en_US</script>
<script type=”IN/FollowCompany” data-id=”00000000” data-counter=””></script>
<script src=”https://platform.linkedin.com/in.js” type=”text/javascript”> lang: en_US</script>
<script type=”IN/FollowCompany” data-id=”00000000” data-counter=”right“></script>
<script src=”https://platform.linkedin.com/in.js” type=”text/javascript”> lang: en_US</script>
<script type=”IN/FollowCompany” data-id=”00000000” data-counter=”bottom“></script>
Volg ons op Facebook knop
Volg ons op Facebook
Facebook heeft een ook HTML code om een een “Volg ons” knop op je website te kunnen gebruiken, de code bestaat uit twee stukjes html code welke je op twee verschillende plaatsen op je website moet plaatsen. Eén gedeelte boven aan je “home” pagina en het andere gedeelte op de plaats waar je de knop wil hebben staan.
De vormgeving van de “Volg ons” knop van Facebook wordt door Facebook bepaald, maar kent meer varianten dan LinkedIn. Door de variatie mogelijkheden laten wij er maar 3 zien, hieronder tref je een link naar de developers website waar je zelf een aantal gegevens zoals:
- url van je facebook pagina,
- layout (standard, box-count, button_count of button),
- actie type (like = volg ons in Nederlands)
- afmeting (small of large)
- het wel of niet weergeven van een “share” button.
Link naar facebook development pagina voor eige html code
Deze code als eerste op de home pagina
<div id=”fb-root”></div>
<script async defer crossorigin=”anonymous” src=”https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v15.0&appId=544576093048032&autoLogAppEvents=1″ nonce=”rCgHSgIh”></script>
Deze code waar de knop moet komen staan op je website
<div class=”fb-like” data-href=”https://www.facebook.com/pagina_naam/” data-width=”200″ data-layout=”button” data-action=”like” data-size=”small” data-share=”false”></div>
Voorbeelden Volg ons op Facebook
Volg ons op Twitter knop
Volg ons op Twitter
In tegenstelling tot LinkedIn en Facebook kun je de Twitter html code ook als URL gebruiken” functie. Hierdoor is het mogelijk om eventueel een standaard Social Media icoon van twitter gebruiken. De html code plaats je op je website waar je de knop wil hebben.
Met de volgknop van Twitter kunnen mensen je account direct volgen vanaf je persoonlijke homepage of een andere website waar de knop geïnstalleerd is. Als mensen op deze knop klikken, gebeurt het volgende:
- Als ze ingelogd zijn, verschijnt bij het aanklikken van de knop een klein pop-upvenster met meer informatie over je account.
- Als ze niet ingelogd zijn, krijgen mensen een soortgelijk pop-upvenster te zien waarmee ze de volgend/volger informatie van je account kunnen bekijken, inloggen, en je dan volgen
In onderstaand voorbeeld hebben wij de account naam vervangen door “twitter_naam” je eigen “Volg ons” knop moet jezelf genereren via onderstaande link.
https://publish.twitter.com/#
Voorbeeld van de html code
<a href=”https://twitter.com/twitter_naam?ref_src=twsrc%5Etfw” class=”twitter-follow-button” data-show-screen-name=”false” data-show-count=”false”>Follow @twitter_naam</a><script async src=”https://platform.twitter.com/widgets.js” charset=”utf-8″></script>
Volg ons op Twitter Voorbeelden
