Als specialist in virtuele tours en 360° fotografie weten we bij Mackrad.nl als geen ander hoe belangrijk het is om deze content op de juiste manier te presenteren. Maar er zat een probleem: de standaard Google Maps embeds zijn niet responsive, werken slecht op mobiel en veroorzaken privacyproblemen.
Daarom hebben we GM360 Responsive Embed ontwikkeld. Een plugin die precies doet wat nodig is, zonder onnodig gedoe.
Waarom hebben we deze plugin gemaakt?
Tijdens onze projecten merkten we steeds hetzelfde patroon:
- Google Maps embeds “klappen soms in” op mobiel – De 360° foto’s worden onbruikbaar op kleine schermen
- Geen responsiviteit – Standaard embeds hebben vaste pixels, geen flexibele breedte
- Privacy issues – Google laadt direct cookies, wat in strijd kan zijn met de AVG/GDPR
- Geen SEO-optimalisatie – Iframes zijn voor zoekmachines “blind” zonder titels en labels
- Handmatig elke keer de embedcode aanpassen – Zodat deze responsive is
We zochten een oplossing die:
- Geen API-sleutel vereist (geen gedoe met Google Cloud Console)
- Werkte met standaard Google Maps embed codes
- AVG-compliant was
- Responsive was op alle apparaten
- 1 keer instellen voor de hele website
Niets bestond dat dit volledig oploste. Dus bouwden we het zelf.
Wat doet GM360 Responsive Embed?
✅ Wat WEL werkt
| Feature | Waarom het belangrijk is |
|---|---|
| 100% responsive breedte | Past zich aan op elk scherm, van mobiel tot desktop |
| Instelbare hoogte | Standaard 450px, maar per blok aanpasbaar |
| Click-to-Load (GDPR) | Google scripts worden geblokkeerd tot de bezoeker klikt |
| SEO titles | Iframes krijgen een title attribuut voor betere indexering |
| Skeleton loader | Modern shimmer-effect tijdens het laden |
| Geen API-sleutel nodig | Werkt met standaard Google Maps embed codes |
| Veiligheid | Alleen officiële Google Maps domeinen worden toegestaan |
❌ Wat NIET werkt
| Beperking | Reden |
|---|---|
| Geen volledige cookie-consent manager | Dit is een plugin voor embeds, niet voor cookiebeheer |
| Blokkeert geen cookies na klik | Zodra de bezoeker klikt, laadt Google normaal |
| Alleen Google Maps 360° | Geen ondersteuning voor andere embed-platforms |
Hoe werkt het?
De eerste keer dien je de algemene instellingen na te lopen. Daarna is het simpel:
- Kopieer de iframe code van Google Maps (via “Delen” → “Kaart insluiten”)
- Plak deze in het GM360 Google Maps block in de WordPress editor
- Vul optioneel een locatie-naam in voor SEO voordelen
- Klaar – De plugin zorgt voor responsive styling en privacy
Voorbeeld embed code:
<iframe src="https://www.google.com/maps/embed?pb=!4v1774185059383!6m8!1m7!1sCAoSHENJQUJJaEF4dmhxNk5OVmRYb3owTmJKck8yVWU.!2m2!1d52.84036782380889!2d4.860784430005195!3f280.12!4f29.42!5f0.4000000000000002" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>Standaard is de breedte en hoogte ingesteld op een vast aantal pixels..
Resultaat bij gebruik van deze plugin
Privacy & AVG/GDPR
Dit is waar we extra aandacht aan hebben besteed. Google Maps plaatst marketingcookies. Dat is een feit.
Onze aanpak:
- Click-to-Load modus: Google scripts worden geblokkeerd tot de bezoeker actief klikt
- Privacy waarschuwing: Duidelijke tekst op de placeholder over cookies
- Transparantie: In de admin leggen we uit wat de plugin wel en niet doet
Belangrijk: Voor volledige AVG-compliance raden we aan een volledige Cookie Consent plugin te gebruiken (zoals Complianz of Cookiebot). GM360 is een aanvulling, geen vervanging.
Beta-status: Testen welkom!
De plugin is momenteel in beta. Dat betekent:
- ✅ Werkt stabiel op onze testsites
- ✅ Veiligheid getest (geen XSS, alleen Google Maps)
- ⚠️ Nog niet op WordPress.org (review-proces duurt 1-4 weken)
- ⚠️ Kleine updates mogelijk (bugfixes, verbeteringen)
Wil je testen?
Je kunt de plugin nu downloaden van onze website:
👉 Download GM360 Responsive Embed (Beta)
We horen graag je feedback! Meld bugs of suggesties via info@mackrad.nl.
Technische specificaties
- WordPress versie: 6.0+
- PHP versie: 8.0+
- Licentie: GPLv2 (gratis voor persoonlijk en commercieel gebruik)
- Meertaligheid: NL, DE, FR, EN
- Bestandsformaat: ZIP (upload naar
/wp-content/plugins/)
Conclusie
GM360 Responsive Embed is onze manier om de virtual tour community te helpen met een probleem dat we zelf dagelijks tegenkomen. Geen marketingpraat, geen onnodige features – gewoon een plugin die werkt.
Wil je meedenken? We zijn open voor feedback en suggesties.
