Naar
boven

Google +1 button toevoegen aan je website: Zo doe je dat!

Sinds 1 juni 2011 is het mogelijk om de +1 button van Google toe te voegen aan je website. Deze knop kun je toevoegen aan elke pagina die je maar wenst.

Hoewel de +1 op dit moment nog geen directe waarde heeft voor bezoekers buiten de VS kan het natuurlijk geen kwaad om deze knop al toe te voegen. Het toevoegen van zo’n +1 knop is erg eenvoudig, hieronder vind je een praktische handleiding!

Stap 1: De +1 knop maken

Allereerst gaan we onze knop ontwerpen. Ga hiervoor naar de volgende pagina van Google: +1-button maken.

In het eerste gedeelte kun je kiezen hoe groot de knop moet zijn, en in welke taal. Op deze website hebben we overigens gekozen voor “standaard” en “Dutch/Nederlands”.

Het is ook mogelijk om een aantal geavanceerde opties in te stellen. Om het zo eenvoudig mogelijk te maken adviseren we om hier verder (nog) niets te veranderen.

Stap 2: Javascript toevoegen aan onze website

In de tweede stap moeten we een stukje javascript toevoegen aan elke pagina van onze website waar we de +1 knop willen laten zien.

Deze code plaats je in de header of net voordat de bodytag wordt gesloten. Zelf hebben we voor dat laatste gekozen, omdat op deze manier de website niet “geremd” wordt door het inladen van javascript code.

Voor onze website ziet die code er als volgt uit (let op, dit is dus een standaard knop, met Nederlandse taal en verder niets gewijzigd aan de geavanceerde opties).

Stap 3: Het plaatsen van de +1-button code

Op dit moment zie je nog geen +1-button op je webpagina’s staan. We moeten namelijk zelf eerst aangeven waar we deze button aan onze bezoekers willen laten zien.

Voor de door ons gekozen button ziet die code er als volgt uit:


Opmerking: We raden je aan om zelf een button aan te maken op de pagina van Google en de codes die daar worden gegenereerd te gebruiken!

De wat gevorderde/technische gebruikers vinden hier trouwens een uitgebreid document van Google over de werking van de button.

De +1-button is gereed voor gebruik!

Als je de stappen goed hebt doorlopen wordt voortaan de +1-button weergeven op de pagina’s waar de code van stap 2 én 3 hebt geplaatst.

Wij hebben ervoor gekozen om deze knop onderaan elk artikel te plaatsen. Wil je weten hoe de knop werkt? Klik dan hieronder op de +1-button ;-). Succes met implementeren!

Meer leren over zoekmachine optimalisatie? Klik hier voor onze gratis e-mailcursus!

Met onze hulp bovenaan in Google?

Bekijk onze cursus zoekmachine optimalisatie, onze dienst of vul onderstaand formulier in:


Over de auteur:

Dit artikel is geschreven door .

Karel Geenen
Karel Geenen is medeoprichter van KG Online Marketing. Hierbinnen vallen dit weblog, onze Academy met online marketing cursussen en het Bureau voor online marketing diensten.
41 reacties op "Google +1 button toevoegen aan je website: Zo doe je dat!"
  • mees zegt:
    02 Jun, 2011 om 10:00

    Cool, vraag me af of het goed gaat werken.

    Reageren
  • Gijs zegt:
    02 Jun, 2011 om 10:30

    Wellicht een mooie aanvulling hierop is het artikel op Yoast.com waarin uitgelegd wordt hoe je de button meetbaar kunt maken in Google Analytics. Zie:

    http://yoast.com/plus-one-google-analytics/

    Reageren
  • Harry zegt:
    02 Jun, 2011 om 12:57

    Leuke tool. Wist niet van het bestaan af. Heb hem inmiddels geplaatst op onze site.

    Reageren
  • Heleen Altena zegt:
    03 Jun, 2011 om 14:22

    Beste Karel,

    Ik las je, wederom leuke artikel, op mijn mobiel en kon de +1-button niet vinden. Nu zit ik achter mijn pc en zie ik hem wel! Op mijn mobiel zie ik alleen de Tweet , Share, Like en Send button. De +1 button is dus niet zichtbaar op mijn mobiel (Sony Ericcson X10), enig idee?

    Reageren
    • Karel Geenen zegt:
      03 Jun, 2011 om 14:29

      Heb ik ook opgemerkt, eens kijken hoe dat komt!

    • Derek-Jan zegt:
      16 Jun, 2011 om 13:28

      Ben ik dus niet de enige. Op de Galaxy Tab is deze ook niet zichtbaar.

  • Rutger Tichelaar zegt:
    06 Jun, 2011 om 10:22

    Leuke tool! Ik heb hem geinstalleerd, maar ik krijg alleen een foutmelding links onderin.. enig idee waarom?

    Reageren
  • Nienke van de Haar zegt:
    06 Jun, 2011 om 14:16

    Als ik een +1 profiel wil aanmaken met foto lukt het niet om de foto erin te krijgen. Hij blijft laden. Enig idee?

    Reageren
  • Derk zegt:
    06 Jun, 2011 om 15:19

    Zijn de invloeden van +1’s als aantoonbaar voor de zoekresultaten (in Nederland)?

    Reageren
  • Nienke van de Haar zegt:
    06 Jun, 2011 om 19:53

    Zo, de knop nu ook op Web Match gezet.
    Wel apart dat de Google +1 knop niet standaard W3C valideert en dat je HTML 5 nodig hebt. Gelukkig is dat omzetten zo gedaan maar toch.

    Reageren
  • epin zegt:
    08 Jun, 2011 om 11:00

    Is niet zichtbaar op ie7 en safari…

    Reageren
  • Enrique van Doezelaar zegt:
    16 Jun, 2011 om 13:17

    Misschien domme vraag hoor maar wat kun je met die button? wat heeft de bezoeker er aan?

    Reageren
  • Peter zegt:
    16 Jun, 2011 om 13:27

    Ik zit in Firefox 4, ik zie die knop ook niet op dit artikel…

    Bovendien heb is via SmashingMag onlangs dit artikel gezien, http://www.aaronpeters.nl/blog/google-plus1-button-performance-review dat zegt dat deze button vreselijk traag laadt.

    Dus, ik blijf er nog even af.

    Reageren
  • carlo zegt:
    16 Jun, 2011 om 13:30

    Wat is/doet de Google +1 knop eigenlijk? Ik mis het een beetje.

    Reageren
  • Peter zegt:
    16 Jun, 2011 om 13:33

    Button is helaas niet zichtbaar op iPad onder safari….

    Reageren
  • Nick zegt:
    16 Jun, 2011 om 14:05

    Klopt het dat intensief gebruik van (klikken op) de +1 button een (kleine) optimalisering van de betreffende website oplevert bij Google?

    Reageren
  • Wendy zegt:
    16 Jun, 2011 om 14:31

    Zelfde vraag hier. Wat doet die knop?

    Reageren
  • Jenny zegt:
    16 Jun, 2011 om 14:48

    Dit lees ik in Google: Met +1-knoppen kunnen mensen uw inhoud aanbevelen in de zoekresultaten van Google.
    Karel, graag uitleg over wat de button doet. Is het de bedoeling webshop artikelen te buttonnen?

    Reageren
  • Paul zegt:
    16 Jun, 2011 om 16:43

    Op filmkijken.nl ook toegevoegd, benieuwd of er nog meer bezoekers komen… als mensen de trailers leuk vinden …

    Reageren
  • Karin zegt:
    16 Jun, 2011 om 17:02

    Hier heb ik meer gevonden over wat de knop precies doet (met filmpje) : http://www.computhing.be/blog/social-media/google-brengt-1-knop-voor-aanbevolen-zoekresultaten/

    Reageren
  • Anoniem zegt:
    21 Jun, 2011 om 17:07

    Erg makkelijk toe te voegen wanneer je the Addthis plugin gebruikt: http://www.addthis.com/features/google-plus1-button

    Edit: Het is niet toegestaan om zoekwoorden als naam te gebruiken.

    Reageren
  • Niels zegt:
    23 Jun, 2011 om 15:06

    Wat hebben je klanten eraan?!
    Tja dat moet je zelf bepalen http://www.mytenga.nl/ wij geven gratis condooms als ze ons plussen

    Reageren
  • Niels zegt:
    23 Jun, 2011 om 19:23

    Hey Karel,
    Als ik op deze pagina +1 doe en ik log uit met mijn google account is de +1 er weer af.
    Dit zie ik ook met mijn en andere site’s, zou dit aan mijn account kunnen liggen of hebben meer mensen hier last van?

    Reageren
  • Niels zegt:
    24 Jun, 2011 om 10:17

    het lag blijkbaar aan mijn google account, de teller loopt inmiddels

    Reageren
  • Robin van Olphen zegt:
    29 Jun, 2011 om 14:04

    Wij zijn bezig om deze knop ook te implementeren op onze site http://www.onlybrands.nl maar eigenlijk zonder te weten wat de voordelen zijn. Uiteindelijk zal het wel nut gaan hebben want Google doet niets zonder reden, en willen we er vroeg bijzijn.
    Zal ongetwijfeld met de concurrentie van Facebook te maken hebben. Hoor al maanden geluiden dat Facebook wel eens de grote concurrent kan gaan worden voor Google als zoektool.
    Er staan in bovenstaande post aardig wat goede vragen waar ik ook wel antwoord op zou willen hebben.

    Reageren
  • Margriet zegt:
    30 Jun, 2011 om 08:52

    Na de knop op mijn site te hebben gezet, krijg je te zien dat deze site gevaarlijk kan zijn. Dus gaan mensen afsluiten denk ik. In mijn brownser 7 krijg ik de melding niet, maar andere in 8 wel.

    Reageren
  • frank zegt:
    01 Jul, 2011 om 08:17

    Google +1 button gaf mij veel problemen. Ik heb hem ineens op mijn google pagina gekregen zonder dat ik het door had. Wel werd de computer traag als ik op google zat. 4 uur bezig geweest, toen pas ondekte ik dat de button de oorzaak was van de trage computer.Inmiddels had ik al een andere virusscanner geinstalleerd. Niet netjes van google dat ze dit zo met je doen. Ik baal van ze

    Reageren
  • JP zegt:
    04 Jul, 2011 om 20:23

    @Frank, hoe komt de +1 op jouw site zonder dat jij het door had dan? Beetje vreemd…

    Je hebt zeker een Addthis of AddtoAny plugin op je site waar die in verscheen? Anders snap ik niet dat de button “zomaar” op jouw site verschijnt. Beetje raar om dat Google te verwijten toch?

    Reageren
  • Frank zegt:
    27 Jul, 2011 om 21:08

    @JP, ik weet ook niet wat mijn programmeurs met mijn site (Google.com) hebben gedaan. Ik kan natuurlijk niet constant in de gaten houden wat mijn programmeurs uitvreten… Daarvoor ben ik veel te druk bezig met Facebook en Hyves in de gaten te houden en met mijn “Like button” project…

    Reageren
  • Hans zegt:
    03 Aug, 2011 om 19:43

    Heeft de bezoeker er wel wat aan? Nog meer info op een website. Je wordt al zo overladen.

    Reageren
  • Akke zegt:
    03 Okt, 2011 om 11:06

    Helaas is de button niet zichtbaar in explorer, chrome en firefox. Wel in safari!

    Is hiervoor een oplossing?

    Reageren
  • vlindertje73 zegt:
    03 Nov, 2011 om 17:33

    Hoi, ik kan alleen maar html code/berichten toevoegen bij een rubriek. Hoe en waar plaats ik dan de code van die +1 knop?
    Alvast bedankt voor de hulp.

    Groet vlindertje73 alla Engel

    Reageren
  • Peter zegt:
    13 Nov, 2011 om 18:42

    bedankt voor dit artikel. Heb het ook op mijn website toegevoegd.

    Reageren
  • Dick zegt:
    13 Jun, 2012 om 00:10

    En zo bouw je je site maar vol. Hyves, FB, Twitter. Linkedin, Keurmerk etc. Ik heb op m’n site (http://www.kippetjetok.nl) nu al bijna geen plaats meer. Het enige wat je kan doen is herschaling waardoor alles steeds kleiner wordt. O ja en dan krijg je binnenkort ook weer het Europese keurmerk natuurlijk.

    Reageren
  • sharano zegt:
    15 Jun, 2012 om 11:13

    ik wil graag deze website online zetten
    het is me radio site van mij

    Reageren
  • Marcel zegt:
    08 Sep, 2012 om 12:35

    Wel 30x alles gekopieërd en geplakt, nergens een +1 te bekennen. Waardeloos dus. Tevens begint de uitleg met Stap 2. Misschien handig om met Stap 1 te beginnen ? De link om een +1 Tag te maken klopt ook niet, en het zou makkelijker zijn om e.e.a. in begrijpelijk Nederlands neer te zetten.

    Reageren
  • Jim zegt:
    26 Sep, 2012 om 21:26

    Heel leuk op dit op de website te plaatsen. Werkte gelijk en zelfs met een foto er bij. Nu maar wachten of de eigenaren van Boerderijcamping Het Varsenerveld in Ommen het goed vinden.

    Reageren
  • echte naam of pseudoniem aub zegt:
    06 Dec, 2013 om 15:42

    Bedankt Karel en bedankt Gijs!

    Heb zojuist de button geimplementeerd + de tracking code van Yoost. Kijken of de code werkt.

    edit: geen zoekwoorden in naamveld aub

    Reageren
  • Jaap zegt:
    04 Apr, 2014 om 22:37

    Google plus button werkt zeker!! Nice Blog!

    Reageren

Reageren