Bij het installeren van de meeste Google Maps plug-ins wordt er gevraagd om een API key.
Deze is sinds 11 juni 2018 vereist om een Google kaartje te laten zien op de website.
De instellingen die je bij Google moet doen zijn helaas best ingewikkeld, daarom hebben we voor het gemak deze stap-voor-stap handleiding gemaakt.
Google Maps Sleutel verkrijgen
1. Klik op deze link om naar de juiste plek bij Google te gaan. Wanneer je niet bent ingelogd, zal je moeten inloggen met het juiste Google account. Wanneer je meerdere accounts beheerd zal je mogelijk moeten wisselen naar het gewenste Google account;
2. Bovenin staat een optie om een bestaand project te selecteren voor het geval je er al een eerder had aangemaakt. Anders zal je een nieuwe moeten aanmaken(mag zo vaak als je wilt);
3. Klik nu op Akkoord en doorgaan om het account aan te maken;
4. Wanneer je hebt aangegeven een nieuw project te willen maken krijg je het volgende scherm waar je een naam moet ingeven voor het project. Klik dan op Maken.;
Organisatie en/of locatie hoef je alleen aan te geven wanneer het Google account is gekoppeld aan een bedrijf, dus in dit voorbeeld laat je “Geen organisatie” staan;
5. Selecteer nu het project dat je hebt aangemaakt en klik dan op Doorgaan;
Let er op dat inderdaad er meerdere API’s worden aangeven (geel gekleurde namen);
NB: de genoemde Google Developer Console link moet automatisch de juiste API’s aanmaken. Maar mocht je ze toch handmatig willen aanmaken, ga dan naar het Bibliotheek menu en activeer dan: Google Maps Javascript API, Google Places API Web Service, Google Maps Geocoding API, Google Maps Directions API, Google Maps Geolocation API.
6. Verander eventueel de naam op de API-sleutel pagina en geef aan voor welk doel de sleutel gebruikt gaat worden. Voor een website geef je dus aan op welke pagina’s van jouw website de sleutel gebruikt mag worden. In het voorbeeld staan “*” ervoor en erna, dat is om het tonen van het kaartje op alle pagina’s mogelijk te maken. Klik nu op Maken:
7. Als het goed is krijg je nu een pagina te zien met de API-sleutel die er zo uitziet:
8. Kopieer de API-sleutel met rechtermuisknop kopieren of door te klikken op het icoontje rechts in het veld (de “kleine A4-tjes”) en plak deze dan op de daarvoor bestemde plaats in het controlepaneel van je website.
Facturering ook inschakelen
Wanneer je de sleutel hebt aangemaakt zal je ook nog facturering moeten inschakelen, anders werkt het nog steeds niet.
Geen zorgen, want je ontvangt van Google $200 dollar gratis credits elke maand. Dat is voldoende om 28.000 keer het kaartje op te roepen, dus voor de meeste websites ruim voldoende zijn om zonder extra kosten een Maps kaartje aan te bieden.
Je merkt het trouwens vanzelf wanneer facturatie niet is ingeschakeld, want dan komt er een melding dat de pagina niet goed kan worden geladen, of er verschijnt een tekst als “Uitsluitend voor ontwikkelingsdoeleinden” of “For development purposes only” over je Google maps kaartje.
Het inschakelen gebeurt via de Ontwikkellaarsconsole, via de optie Facturering onder het 3-streepjes menu:
Meestal is er ook nog een andere klikbare tekst die je naar de facturering brengt., zoals deze aanbiedingstekst:
Het was op het moment van schrijven trouwens nodig om tijdens het instellen van de facturering creditcard gegevens in te vullen, maar inmiddels is het wel mogelijk bankgegevens in te vullen.
Dit kan wanneer je je aanmeldt voor het Google Cloud Platform, dus een creditcard is in principe niet meer verplicht. Controleer dit door de invulvelden te checken op de aanwezigheid van IBAN informatie.
Tip
Wanneer je geen creditcard hebt kan je eventueel een prepay creditcard gebruiken, zoals die van N26 of Skrill. Deze prepay kaarten zijn op het moment van schrijven voldoende om de facturering in te stellen.
Invoeren van de API-sleutel in Dashboard WordPress
Dit benodigde invulveld is meestal te vinden bij de instellingen van de plug-in die je hebt gebruikt om het Google Maps kaartje te tonen. In de meeste andere gevallen kun je het terugvinden bij de thema-instellingen.
Wanneer je het invulveld echt nergens kan vinden, dan kan de volgende plug-in heel handig zijn. Bij de instellingen van deze plug-in via het WordPress dashboard tref je dan het invulveld aan waar je de API-sleutel kan ingeven.(liefst via kopiëren en plakken)
Slotwoord
Hoop dat je veel hebt aan deze stap-voor-stap handleiding. Laat hieronder maar weten wat je ervan vindt, wanneer je nog iets mist, wil toevoegen of tegen een probleem bent aangelopen.
Omdat Google regelmatig dingen aanpast is het ook mogelijk dat bepaalde schermen er anders uitzien. Wanneer dit het geval is hoor ik dit natuurlijk ook graag, zodat we deze pagina voor iedereen up-to-date kunnen houden?
Geef een reactie