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.
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