“Vind ik leuk” button Facebook op website zetten


vind-ik-leuk-button-facebookEen vind ik leuk button van Facebook is onmisbaar voor degene die zijn website via sociale media wil promoten. Als je deze button onder je bericht of pagina plaatst krijg je extra veel bezoekers via netwerken van bezoekers die op de button klikken.

In deze tutorial heb ik beschreven hoe je de vind ik leuk button van facebook op je website kunt zetten. Kennis van codeerwerk is wél vereist. Ben je niet zo´n codeerfreak en wil je toch graag een “vind ik leuk” knop op de website?

Vul onderaan de pagina het formulier in en tegen een kleine vergoeding v.a. €25,- (WordPress) zetten wij het voor je op de website. Wil je naast Facebook ook Twitter, Google+, en Hyves buttons hebben? Dat kost nu tijdelijk slechts €47,-(WordPress).

Zelf doen optie 1

Ik wil je waarschuwen dat je onderstaande stappen alleen uit moet voeren als je weet wat je doet en een backup maken van je bestanden is aan te raden!

Stap #1: Plak deze code in header.php van je thema net onder de <body> tag.

<script type="text/javascript">// <![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/nl_NL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>

Stap #2: Plak één van de onderstaande codes op de gewenste plaats in single.php (je bericht template) of page.php (je pagina template)
A. Gebruik dit script voor enkel de “vind ik leuk” button:

<div class="fb-like" data-send="false" data-width="450" data-show-faces="true"></div>

vind-ik-leuk-button-facebook


B. Gebruik dit script voor “vind ik leuk”+”verzenden” button wil opnemen:

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>

voorbeeld:
vind-ik-leuk-button-facebook-verzenden


Stap #3: Kies of je een standaard button, een button counter of een box counter wilt.
voeg dan deze code toe aan de div-tag:

A. standaard button:
vind-ik-leuk-button-facebook
 (Je hoeft dan niks toe te voegen aan de code van stap #2)

B. button-counter:
vind-ik-leuk-button-facebook-button-teller
Voeg dan deze code toe aan de div-tag van stap #2:

data-layout="button_count"

en verander de breedte naar bijv.

data-width="250"

C. box-counter:
vind-ik-leuk-button-facebook-box-counter
Voeg dan deze code toe aan de div-tag van stap #2:

data-layout="box_count"

en verander de breedte naar bijv.

data-width="250"

Zelf doen optie 2

Ben je zelf niet zo´n codeerder?

Installeer dan deze plugin: TF Social share plugin. Hiermee zet je o.a. Twitter, Facebook, Google plus, Linked in en Pinterest button op je pagina







2 Reacties

  1. Beste
    Kan je voor mij ook een “vind ik leuk” knop maken die werkt voor op de eerste pagina (home) van mijn website ?
    Hij zou links moeten komen onder de tekening van radio veronica.
    Zo is hij te zien op alle paginas (denk ik)
    Het gaat mij om de knop C box counter zonder de tekst verzenden (ik weet zelfs niet wat deze tekst bedoeld)
    Graag een antwoordje van u
    Mvg Raymond

    • Hoi Raymond,

      Ik zie dat de vind ik leuk knop al op je website staat. Als je me nog nodig hebt geef maar een seintje.

      gr. bas

Trackbacks/Pingbacks

  1. Facebook like plugin of zelf doen « Website maken in een notedop - [...] button graag zelf wilt plaatsen in de code van je website dan kan dat ook. Je vind op de …

Reageer op Bas Reactie annuleren

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

Je mag gebruik maken van deze HTML tags en attributen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>