Google Maps CMS Element für Erlebniswelten - DSGVO konform!

Vorschau: Google Maps CMS Element für Erlebniswelten - DSGVO konform!

Self-hosted

App Demo

Support

Support durch: Applifaction
Support Sprachen:

Dieser Extension Partner reagiert sehr schnell auf Supportanfragen

Details

Artikel-Nr.: Appli49669247133m
Extension Partner: Applifaction
Version: 2.0.0
Letztes Update: 19.06.2024
Sprachunterstützung:
Self-hosted Kompatibilität:

6.4.0.0

6.4.1.0 – 6.4.1.2

6.4.2.0 – 6.4.2.1

6.4.3.0 – 6.4.3.1

6.4.4.0 – 6.4.4.1

6.4.5.0 – 6.4.5.1

6.4.6.0 – 6.4.6.1

6.4.7.0

6.4.8.0 – 6.4.8.2

6.4.9.0

6.4.10.0 – 6.4.10.1

6.4.11.0 – 6.4.11.1

6.4.12.0

6.4.13.0

6.4.14.0

6.4.15.0 – 6.4.15.2

6.4.16.0 – 6.4.16.1

6.4.17.0 – 6.4.17.2

6.4.18.0 – 6.4.18.1

6.4.19.0

6.4.20.0 – 6.4.20.2

6.5.0.0

6.5.1.0 – 6.5.1.1

6.5.2.0 – 6.5.2.1

6.5.3.0 – 6.5.3.3

6.5.4.0 – 6.5.4.1

6.5.5.0 – 6.5.5.2

6.5.6.0 – 6.5.6.1

6.5.7.0 – 6.5.7.4

6.5.8.0 – 6.5.8.11

6.6.0.0

6.6.0.2 – 6.6.0.3

6.6.1.0 – 6.6.1.2

6.6.2.0

6.6.3.0 – 6.6.3.1

Mit diesem Plugin kannst Du Google Maps auf allen Erlebniswelten (CMS) frei per Drag & Drop... mehr

Menü schließen

Produktinformationen

Highlights

Kartenausschnitt und Zoom frei konfigurierbar
Maps Marker mit Freitext-Fenster frei konfigurierbar
Design konfigurierbar
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

Beschreibung

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();

Videos

Bewertungen lesen, schreiben und diskutieren... mehr

Menü schließen

Kundenbewertungen

Als Besitzer dieser App kannst du diese im Shopware Account bewerten

Jetzt im Account bewerten

mehr

Menü schließen

Konfigurationsanleitung

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.

mehr

Menü schließen

Änderungen

Version 2.0.0

Kompatibilität mit Shopware 6.6

Version 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())