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

Karel
1/6/2011
Karel
1/6/2011
Zoekmachine optimalisatie
X
min leestijd

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!

Schrijf je in voor onze nieuwsbrief

Je bent succesvol ingeschreven voor onze nieuwsbrief!
Er is iets fout gegaan bij het verzenden van het formulier

Wil je meer gratis tips over online marketing?

Bekijk onze gratis downloads

Categorieën

Ontdek hoe wij jouw bedrijf verder kunnen helpen

We hebben je aanvraag succesvol ontvangen, we nemen zo snel mogelijk contact met je op
Er is iets fout gegaan bij het verzenden van het formulier