(function($){ $(document).ready(function(){ // ^ Zoekt alles wat begint met tel: $("a[href^='tel:']").attr("onclick", "gtag('event', 'telefoon', { 'event_category': 'Conversie' });"); // * Zoekt alles wat mailto: bevat | Dus ook lol@kek.lal?subject=mailto:kek@lol.lal $("a[href*='mailto:']").attr("onclick", "gtag('event', 'e-mail', { 'event_category': 'Conversie' });"); }); })(jQuery);
Kars Zijlstra

API Key aanmaken voor Google Maps

door Kars Zijlstra

Maak nu een API Key aan voor Google Maps op je website.

Maak nu een API Key aan voor Google Maps op je website.

Veel bedrijven hebben een Google Maps kaartje op hun website. Meestal wordt zo’n kaartje gebruikt om de locatie van het bedrijf weer te geven. Een bezoeker hoeft hier alleen maar op te klikken en de route wordt direct getoond in Google Maps. Heel handig! Om zo’n Google Maps kaartje op je website te krijgen heb je een API Key nodig. Dit is een unieke code die je in jouw website moet zetten om toegang te krijgen van Google Maps.

Sinds 16 Juli 2018 zijn alleen wel de voorwaarden voor een API Key verandert. Vanaf die datum worden er namelijk andere kosten in rekening gebracht bij het gebruik van een API Key.

Wat is er op 16 Juli 2018 verandert?

Voor 16 Juli 2018 mocht een Google Maps kaartje maximaal 25.000 keer per dag bekeken worden. Ging je daar overheen? Dan betaalde je per 1.000 views 0,50 dollar extra. Echter is deze voorwaarde sinds 16 Juli 2018 verandert.

Voor iedere keer dat een Google Maps kaartje nu 1.000 keer op jouw website getoond wordt, betaal je een bedrag van 7 dollar. Dat is 0,007 dollar per view.

Voor kleine bedrijven kunnen deze bedragen te hoog worden. Daarom heeft Google hier iets op bedacht. Vanaf 16 Juli 2018 krijgt iedere Google gebruiker met een API Key een maandelijks tegoed van 200 dollar gratis. Dit bedrag wordt elke maand weer aangevuld. Dus nu kan elke API Key ruim 28.000 views per maand krijgen zonder dat het iets kost!

API Key aanmaken

Nu wil je natuurlijk ook zelf een API Key aanmaken voor je website. Maar hoe vraag je een eigen Key aan? Volg dit simpele stappenplan en je hebt super snel je eigen unieke API Key!

Mooi webdesign laten maken door webdesign bureau

Stap 1: Om te beginnen

Navigeer naar​ ​Google Maps Platform​ en klik op de Get Started button rechts bovenin op de website.

Stap 2: Enable Google Maps Platform

Je krijgt nu een pop-up te zien met de titel Enable Google Maps Platform. Vink de Maps, Routes en Places checkbox aan en klik op continue.

Stap 3: Select a Project

Wanneer je voor de eerste keer een API Key aanmaakt, moet je een nieuw project aanmaken.

  • Geef je Project een naam.
  • Klik dan op de button next rechts onderin.

Stap 4: Set up your billing

Wacht op het scherm van de facturering en selecteer Create Billing Account.

Geef een naam op voor je Billing Account, en geef je bedrijfsnaam op.

Selecteer je land en klik op Confirm.

Vul je klant en kaartgegevens in.

Klik op Submit and enable billing. 

Nu je billing gegevens ingesteld zijn, kan je doorgaan naar het aanmaken van een API Key.

Stap 5: Aanmaken van API Credentials

Klik aan de linkerkant op Credentials.

Klik op de button Create credentials.

Stap 6: Genereer een API Key

Klik op API Key dat verschijnt in het pop-up venster.

  • Copy the generated API Key to your clipboard. Kopieer de gegenereerde API Key naar je klembord.
  • Ga naar de website instellingen van je website en plak daarin de Key die je had gekopieerd.
  • Sla de instellingen op.

Restrict button

Nadat je de API Key hebt opgeslagen bij de website instellingen ga je terug naar de Google API Manager. Hier moet je de API Key nog enkele restricties meegeven om te voorkomen dat het gehacked wordt of dat je over de quota heengaat. Klik hiervoor op de restrict button in het pop-up venster met de titel API Key created.

Selecteer HTTP referrers

Selecteer HTTP referrers (web sites) en vul je domeinnamen in onder Accept requests from these HTTP referrers (web sites). En vervang dan yourdomain.com met je eigen domeinnaam.
*.domain.com/* ​en ​*domain.com/*

Klik op de Save button om de Key restricties op te slaan.

Stap 7: Activeer de benodigde API functies

Nu moet je nog de benodigde API functies aanzetten voor het project dat je hebt aangemaakt. Klik op de Library link aan de linkerkant en klik daarna op de Google Maps JavaScript API blok.

JavaScript API geactiveerd

Waarschijnlijk zal de JavaScript API al geactiveerd zijn zoals aangegeven in de afbeelding hiernaast. Wanneer de JavaScript API niet is geactiveerd, klik dan op Enable in de Google Maps JavaScript API venster.

In sommige gevallen activeert Google niet alle benodigde API’s en zal je deze handmatig moet activeren. Dit zijn dezelfde stappen als hierboven beschreven voor de JavaScript API. Hieronder een lijst wat geactiveerd dient te zijn:

  • Google Street View Image API
  • Google Maps Distance Matrix API
  • Google Places API Web Service
  • Google Maps Geolocation API
  • Google Maps Geocoding API
  • Google Maps Directions API

Vragen

Ik zou graag van je horen wat je van dit artikel vindt. Heeft het je geholpen? Welke stappen ga je aan de hand van dit artikel ondernemen? Zou je zelf nog iets willen bijdragen? Laat het ons weten in een reactie op dit artikel.

Op jouw succes!
Kars Zijlstra

P.S: Like ons op Facebook en schrijf jezelf in voor onze nieuwsbrief om regelmatig waardevolle tips en adviezen voor jouw website te ontvangen.

Geef hier jouw reactie!

Versturen
Website laten maken met een eenvoudig CMS beheer systeem
Alles wat je moet weten over jouw website
Terug naar blog overzicht

Meer bezoekers & waardevolle klanten?

Vul uw naam en e-mail adres in en ontvang regelmatig nieuwe blogs voor het optimaliseren van uw website en aanverwante artikelen!

Nieuwsbrief Web Made Easy

Aanmelden

Copywright Web Made Easy 2018 ©