Google Maps CMS Element für Erlebniswelten - DSGVO konform!
Um das Cookie zu akzeptieren und das Video zu laden, klicke auf „Video laden“.
Um das Cookie zu akzeptieren und das Video zu laden, klicke auf „Video laden“.
Beschreibung
Highlights
- Kartenausschnitt und Zoom frei konfigurierbar
- Maps Marker mit Freitext-Fenster frei konfigurierbar
- Wähle aus 6 verschiedenen Themes
- Interaktionsmöglichkeiten des Users sind einschränkbar (Zoom & Karte verschieben)
- DSGVO Konform: Google Map wird erst geladen, wenn der Benutzer der Verwendung von Cookies zustimmt
Features
- Google Maps in allen Erlebniswelten frei hinzufügbar
- Marker sind frei auf der Map positionierbar
- Text-Fenster ist frei konfigurierbar für jeden Marker
- Du kannst aus 6 vordefinierten Designs der Karte wählen, damit sie zum Design deines Onlineshops passt
- Position des Kartenausschnitts und Zoomgrad kann konfiguriert werden
- Die Menge der angezeigten Straßen kann konfiguriert werden
- Ob der User selbst Zoomen oder den Kartenausschnitt verschieben kann, ist konfigurierbar
Über die Erweiterung
Mit diesem Plugin kannst Du Google Maps auf allen Erlebniswelten (CMS) frei per Drag & Drop hinzufügen. Nachdem du den Kartenausschnitt und Zoomgrad gewählt hast, kannst du beliebig viele Marker (z.B. zur Darstellung deiner Ladengeschäfte) auf der Positionieren. Für jeden Marker kannst du einen Text konfigurieren, der angezeigt wird, wenn ihn der User auswählt. So kannst du z.B. die Adresse deiner Ladengeschäfte anzeigen.
Damit die Google Map perfekt zu dem Aussehen deiner Website passt, kannst du zwischen 6 vordefinierten Designs der Karten auswählen.
100% DSGVO Konform: Damit Google erst Cookies setzt, wenn der User diese auch erlaubt, wird die interaktive Karte erst geladen, sobald der User den Google Cookies zugestimmt hat. Solange der User noch nicht zugestimmt hat, wird eine statische Google Map als Bild im konfigurierten Design angezeigt. Das Opt-in-Kontrollkästchen für den Cookie ist in der Gruppe "Komfortfunktionen" untergebracht, um die Kunden nicht zu verunsichern.
Wenn Sie ein Cookie Consent Management Tool, wie z.B. Trusted Shops Consent-Manager, Cookie First o.ä. oder Google Tag Manager verwenden, können Sie nun folgendes Javascript Snippet ausführen, um die Google Maps zu laden.
document.applifactionGoogleMaps.forEach(map => map.allowRendering())
Um das Rendern von Google Maps wieder zu verbieten, können Sie folgendes Codesnippet in Ihrem Content-Management Tool hinterlegen:
localStorage.removeItem('Applifaction.GoogleMaps.Allowed');
location.reload();
Mit diesem Plugin kannst Du Google Maps auf allen Erlebniswelten (CMS) frei per Drag & Drop hinzufügen. Nachdem du den Kartenausschnitt und Zoomgrad gewählt hast, kannst du beliebig viele Marker (z.B. zur Darstellung deiner Ladengeschäfte) auf der Positionieren. Für jeden Marker kannst du einen Text konfigurieren, der angezeigt wird, wenn ihn der User auswählt. So kannst du z.B. die Adresse deiner Ladengeschäfte anzeigen.
Damit die Google Map perfekt zu dem Aussehen deiner Website passt, kannst du zwischen 6 vordefinierten Designs der Karten auswählen.
100% DSGVO Konform: Damit Google erst Cookies setzt, wenn der User diese auch erlaubt, wird die interaktive Karte erst geladen, sobald der User den Google Cookies zugestimmt hat. Solange der User noch nicht zugestimmt hat, wird eine statische Google Map als Bild im konfigurierten Design angezeigt. Das Opt-in-Kontrollkästchen für den Cookie ist in der Gruppe "Komfortfunktionen" untergebracht, um die Kunden nicht zu verunsichern.
Wenn Sie ein Cookie Consent Management Tool, wie z.B. Trusted Shops Consent-Manager, Cookie First o.ä. oder Google Tag Manager verwenden, können Sie nun folgendes Javascript Snippet ausführen, um die Google Maps zu laden.
document.applifactionGoogleMaps.forEach(map => map.allowRendering())
Um das Rendern von Google Maps wieder zu verbieten, können Sie folgendes Codesnippet in Ihrem Content-Management Tool hinterlegen:
localStorage.removeItem('Applifaction.GoogleMaps.Allowed');
location.reload();
Details
- Verfügbar in: Englisch, Deutsch
- Zuletzt aktualisiert: 11. November 2024
- Veröffentlicht: 5. Juli 2022
- Version: 2.0.2
- Kategorie:
Ressourcen
Bewertungen (0)
Über den Extension Partner
Applifaction
Partner Status
-
Shopware
Extension Partner
Details
-
Ø-Bewertung:
4.9
Durchschnittliche Bewertung von 4.9 von 5 Sternen
- Partner seit: 2022
- Erweiterungen: 3
Support
- Land: USA
- Spricht: Deutsch, Englisch
- Reaktionszeit: Sehr schnell
Installation via ZIP-File über die Shopware Administrationsoberfläche:
Videoanleitung: https://www.youtube.com/watch?v=8G20GQSI1Yw
Oder folgende Punkte durchführen:
- Laden Sie die Plugin ZIP Datei aus dem Shopware Store herunter.
- Navigieren Sie in der Administrationsoberfläche von Shopware zu "Erweiterungen" > "Meine Erweiterungen".
- Laden Sie das Plugin ZIP File, indem Sie oben rechts auf den "Erweiterung hochladen" Button klicken.
- Nun taucht ein neues Plugin in der Liste namens "Google Maps for Shopping Experiences (CMS)" auf. Klicken Sie bitte hier auf "App installieren".
- Sobald die Installation abgeschlossen ist, aktivieren Sie das Plugin, indem Sie den Schalter auf der linken Seite aktivieren.
- Nun müssen Sie nur noch einen Google Maps API Key generieren und zur Konfiguration hinzufügen. Eine Anleitung hierfür finden Sie unten.
Installation via Composer:
- Navigieren Sie in der Kommandozeile in das Shopware Stammverzeichnis und führen folgenden Befehl aus:
composer require store.shopware.com/ApplifactionGoogleMaps - Installieren und aktivieren das Plugin, indem Sie folgenden Befehle ausführen:
bin/console plugin:install ApplifactionGoogleMaps --activate
bin/console cache:clear - Nun müssen Sie nur noch einen Google Maps API Key generieren und zur Konfiguration hinzufügen. Eine Anleitung hierfür finden Sie unten.
Fügen Sie Ihren Google Maps API Key zur Plugin Konfiguration hinzu
Folgendes Tutorial zeigt Ihnen, wie Sie den API Key erhalten und in Shopware 6 hinterlegen.
- Bitte erstellen Sie sich als erstes unter https://console.cloud.google.com/google/maps-apis einen Google Account oder melden Sie sich mit einem bestehenden Google Account an.
- Als nächstes klicken Sie im linken Menü auf "Anmeldedaten" und legen ein neues Projekt an z.B. "Google Map IHR-SHOP-NAME".
- Danach klicken Sie auf "Maps JavaScript API" und aktivieren diese.
- Nach einer kurzen Zeit befinden Sie sich im "Messwerte" Menü. Bitte navigieren sie in den "APIs" Menüpunkt ung aktivieren Sie als Nächstes die "Maps Static API".
- Nach der erfolgreichen Aktivierung der 2 erforderlichen APIs muss nun der API Key erstellt werden.
Rufen Sie "Zugangsdaten" unter "APIs und Dienste" auf, um alle Anmeldedaten anzusehen oder neue zu erstellen. "+ Anmeldedaten erstellen" -> "API Schlüssel" auswählen und nach kurzer Zeit erscheint der API Key. Kopieren Sie den neu erstellten API Key in die Zwischenablage. - Den API Key (Schlüssel) können Sie dann auch noch einschränken - für einen ersten Test können sie diesen auch ohne Einschränkungen nutzen.
Später sollten sie diesen einschränken, beobachten Sie allerdings, ob die Kommunikation dann auch noch richtig funktioniert. Eventuell müssen Sie noch weitere Einstellungen machen um den Key produktiv nutzen zu können (Kreditkarte hinterlegen, API und Authentifikation Domainbestätigung). - Rufen Sie nun bitte die Shopware 6 Adminoberfläche auf und navigieren Sie zu den Plugin Einstellungen: "Erweiterungen " -> "Meine Erweiterungen" -> Klicken Sie auf die drei Punkte des Plugins "Google Maps für Erlebniswelten (CMS)" -> "Konfiguration". Fügen Sie nun den zuvor kopierten API Key in das Feld "Google Maps API Schlüssel" ein.
2.0.2
Bugfix: Events im Adminbereich korrigiert
2.0.1
- Neues Plugin Icon
- Wording des Google Maps Opt-In Option angepasst
2.0.0
- Kompatibilität mit Shopware 6.6
1.1.1
Wenn Sie ein Cookie Consent Tool, wie z.B. Trusted Shops Consent-Manager, Cookie First o.ä. oder Google Tag Manager verwenden, können Sie nun folgendes Javascript Snippet ausführen, um die Google Maps zu laden.
document.applifactionGoogleMaps.forEach(map => map.allowRendering())
1.0.3
Wenn Sie ein Cookie Consent Tool, wie z.B. Trusted Shops Consent-Manager, Cookie First o.ä. oder Google Tag Manager verwenden, können Sie nun folgendes Javascript Snippet ausführen, um die Google Maps zu laden.
document.applifactionGoogleMaps.forEach(map => map.allowRendering())
1.1.0
Kompatibilität mit Shopware 6.5 hergestellt
1.0.2
Folgende Fehler der vorherigen Version (1.0.1) wurden behoben:
- Die Karte wurde nicht geladen
- Ein Alert wurde ausgegeben, wenn der User im Frontend zu weit gescrollt hat
1.0.0
Ermöglicht das Hinzufügen von Google Maps mit in Erlebniswelten (CMS).