Een partner - leverancier, distributeur of franchisenemer - wil de locator op zijn eigen website plaatsen, in zijn eigen huisstijl en zonder verwijzing naar jouw merk. Je wil de embed werkend krijgen op zijn domein én voorkomen dat je Google API-key elders misbruikt wordt.
Wat je nodig hebt
- Een Admin- of Eigenaar-account
- Het domein van de partner
- Toegang tot je Google Cloud Console om de API-key bij te werken
Stap voor stap
1. Verleng de toegestane domeinen op je Google API-key
- Open de Google Cloud Console en ga naar API's en services > Inloggegevens.
- Selecteer de API-key die je in de locator gebruikt.
- Onder Application restrictions > HTTP referrers: voeg het domein van de partner toe (bijvoorbeeld
https://partnerdomein.nl/*). - Sla op en wacht een paar minuten - Google verwerkt wijzigingen niet altijd direct.
2. Controleer styling en teksten
Bezoekers van de partner-site moeten een herkenbare ervaring krijgen. Controleer:
- Locator > Styling - kloppen de kleuren en de marker bij de huisstijl die je wil tonen?
- Locator > Teksten - staan knopteksten en placeholders in een neutrale toon (geen merknaam-specifieke tekst)?
3. Genereer de embed-code
- Klik in de zijbalk op Locator.
- Klik rechtsbovenin op .
- Open het tabblad Embed.
- Stel Taal in (kies een vaste taal of laat Gebruik browser taal staan).
- Stel Hoogte en Breedte in passend bij de partner-pagina, of activeer Automatische hoogte zodat de iframe meeschaalt.
- Klik op .
4. Stuur de code naar de partner
Plak de gekopieerde code (iframe + eventueel script-blok) in een e-mail of een gedeeld document. Geef de partner deze instructies mee:
- Plak de hele code op de plek waar de locator moet verschijnen.
- Plak ook het
<script>-blok mee als Automatische hoogte aanstaat. - Test in een incognito-venster nadat hij is geplaatst.
5. Controleer op de partner-site
Open de pagina in een incognito-venster:
- Verschijnt de kaart? → API-key werkt voor dit domein.
- Verschijnt alleen een grijs vlak met "This page can't load Google Maps correctly"? → De referrer-restrictie staat de partner-site nog niet toe. Controleer stap 1.
- Krijg je een interne scrollbar? → Activeer Automatische hoogte in het embed-tabblad en plak de nieuwe code.
Veelgestelde vragen
Dat kan niet via de embed-code - die gebruikt jouw key. Wil je dat de partner zelf de API-kosten draagt? Dan moet hij een eigen instance opzetten, of je rekent de kosten door op basis van Google's facturering.
Niet binnen één locator. Voor afwijkende uitstraling per partner heb je private label nodig - meerdere accounts met elk een eigen locator. Vraag intern na of dit voor jouw omgeving beschikbaar is.
Soms voegen websites strikte Content-Security-Policy headers toe die iframes blokkeren. De partner moet dan frame-src voor het locator-domein toestaan in zijn CSP.