Google Maps ist ein Dienst von Google Cloud. Seit 2018 kostenpflichtig, bekommt aber jeder Nutzer, der diesen Service verwenden möchte, jeden Monat ein Guthaben von 200 $. In den meisten Fällen reicht dieser Betrag aus, um den Dienst zu nutzen, sodass es praktisch kostenlos ist.
Mit Google Maps bietest du deinen Kunden einen schnellen und bequemen Checkout. Mit der Google Autocomplete-Funktionalität können sie ihre Bestellungen einfach und schnell abschließen. Das automatische Eintragen der Adresse des Kunden verkürzt die Zeit zum Ausfüllen der Felder beim Abschluss einer Bestellung und eliminiert die Möglichkeit von falschen Schreibweisen der Adresse. Die Felder für Land, Stadt, Bezirk, Postleitzahl usw. werden von Google automatisch ausgefüllt.


In diesem Abschnitt:

Erste Schritte

Um deinen CloudCart-Shop mit Google Maps zu verbinden, musst du deinen eigenen API-Schlüssel erstellen, was in der Google-Konsole erfolgt. Du brauchst ein Google-Konto, um dich anzumelden. Falls du noch keins hast, richte dir eines ein. Nach dem Einloggen gehst du zu https://cloud.google.com/ und öffnest die Konsole über den Konsole-Button, der sich in der oberen rechten Ecke des Bildschirms befindet. 

2. Als nächstes musst du die erforderlichen Informationen in deinem Abrechnungskonto eingeben, das du im Menü auf der linken Seite des Bildschirms > Abrechnung findest, um den Google Maps-Dienst zu nutzen und das Startguthaben von 300 $ zu erhalten.   Du hast 90 Tage Zeit, um dieses einmalige Guthaben auszugeben. Danach bietet dir die Google Maps-Plattform jeden Monat ein wiederkehrendes Guthaben von 200 $, wie bereits erwähnt.  

Sobald du deine Daten erfolgreich eingegeben hast, erhältst du eine Nachricht über die von Google hinzugefügten Guthaben, die dir zur Nutzung der Dienste zur Verfügung stehen. 

Projekt erstellen

1. Nachdem du die grundlegenden Aktionen abgeschlossen hast, ist es Zeit, ein Projekt zu erstellen. Standardmäßig hat jeder neu registrierte Nutzer bereits ein Projekt erstellt, aber du kannst ein neues erstellen, in dem du deinen Google Maps API-Schlüssel von der Schaltfläche  Neues Projekt. einstellst.

2. Fülle die Felder aus: Projektname, wähle deine Organisation und deren Standort  aus und klicke auf die Schaltfläche Erstellen, um dein Projekt zu erstellen. 

3. Wähle am unteren Ende des Navigationsmenüs Google Maps Platform > Übersicht aus und wähle das Projekt aus, das du bereits erstellt hast, falls du mehr als eines hast, andernfalls öffnet es sich sofort. 

Hier musst du mehrere APIs aktivieren: 

  • Geolocation API - wird verwendet, um den Standort des Nutzers zu ermitteln.
  • Places API - wird verwendet, um Orte in Google Maps zu suchen. Zum Beispiel, wenn man den Namen einer Organisation oder eines Objekts eingibt, gibt Google die genaue Adresse zurück, wo es sich befindet. 
  • Maps JavaScript API - das ist die eigentliche Bibliothek von Google Maps, die verwendet werden muss. 
  • Geocoding API - wird verwendet, um Adressen in Koordinaten umzuwandeln. Koordinaten sind nötig, wenn solche an Drittanbieter gesendet werden. 
  • Falls du ein statisches Foto auf der Karte  verwenden möchtest und das in deinem Administrationsbereich sichtbar sein soll, aktiviere die Maps Static API.

Hier sind die 5 APIs, die du benötigst. Um jede API zu aktivieren, klicke darauf und drücke Aktivieren. 

Um zurückzukehren und die anderen zu aktivieren, drücke APIs im Navigationsmenü. 

Von hier aus kannst du die anderen APIs aktivieren, indem du auf sie klickst und erneut die Schaltfläche Aktivieren drückst. 

API-Schlüssel generieren 

1. Sobald du alle erforderlichen APIs aktiviert hast, musst du deinen API-Schlüssel erstellen. Gehe dazu im Menü zur Google Maps Platform, zum Abschnitt Credentials  und wähle Credentials in APIs & Services. 

2. Klicke auf die Schaltfläche + Credentials erstellen > API-Schlüssel und kopiere den generierten Schlüssel. Speichere ihn in einer separaten Datei, damit du ihn später verwenden kannst. 

API-Schlüssel schützen

Wir empfehlen dir, deinen API-Schlüssel zu schützen, denn andernfalls könnte er sichtbar sein und leicht von Angreifern gestohlen werden, die ihn missbrauchen und hohe Kosten auf deinem Konto verursachen können. Wenn der Schlüssel nicht sicher ist, wirst du dieses Symbol sehen:

1. Um ihn zu schützen, positioniere den Mauszeiger über den unsicheren Schlüssel und wähle Einstellungen bearbeiten aus.

2. Du kannst den Namen ändern (zum Beispiel mit dem Namen deines Shops), verschiedene Einschränkungen festlegen. Wir empfehlen, diese auf die Adresse deiner Website zu setzen. Wähle hierzu HTTP-Referer (Webseiten) aus und gib deine Webseite im Feld Neuer Eintrag ein und klicke auf die Schaltfläche  Fertigstellen.

3. Im Feld API-Beschränkungen kannst du auch deinen Schlüssel für bestimmte Dienste schützen. Wähle dazu die fünf APIs aus, die du zuvor aktiviert hast (Geolocation API, Places API, Map JavaScript API, Geocoding API, Maps Static API) aus dem Dropdown-Menü aus.  

Der sichere Schlüssel sieht so aus: 

Sobald du deine Einstellungen abgeschlossen hast, musst du in den Adminbereich deines Shops gehen und den API-Schlüssel eingeben, um Google Maps zu verbinden. 

Einstellungen im Admin-Bereich deines CloudCart-Shops

Bevor du mit den Einstellungen in deinem Admin-Bereich beginnst, musst du eine Weile warten (normalerweise etwa 5–10 Minuten), bis der Dienst von Google aktiviert wurde, andernfalls erhältst du eine Fehlermeldung.


1. Um deinen API-Schlüssel in deinem Shop einzufügen, gehe zu Einstellungen > Warenkorb und Checkout. In dem sich öffnenden Fenster gehst du zum 

Verschiedenes  und im Feld für Google Maps API-Schlüssel fügst du deinen Schlüssel ein und klickst auf die Speichern-Schaltfläche in der oberen rechten Ecke des Bildschirms. 

2. Um sicherzustellen, dass alles korrekt funktioniert, gehe zu deinem Shop, wähle ein Produkt aus und füge es in den Warenkorb. Gehe dann zur Kasse und wähle, um eine Adresse hinzuzufügen. Wenn alles gut läuft, siehst du eine Google-Karte und Adressvorschläge bei der Eingabe einer Adresse. Alle Felder werden automatisch ausgefüllt, wenn du eine Adresse eingibst oder die Schaltfläche drückst, um das Gerät zu lokalisieren. 

Dein Schlüssel ist aktiviert, ebenso die Möglichkeiten, die du mit der Erstellung von Geo-Zonen und Geo-Polygonen hast. 


Falls es jemand schafft, deinen API-Schlüssel zu stehlen und versucht, ihn mit einer anderen Domain zu verwenden als der, die du in der Google-Konsole eingegeben hast, wird das System dies erkennen und eine Fehlermeldung anzeigen:

Budget erstellen

Um zu vermeiden, dass Google dir für diesen Service Gebühren berechnet, kannst du ein Budget in Höhe der kostenlosen Guthaben erstellen, die du jeden Monat von Google erhältst. Du kannst auch Benachrichtigungen/Alarme festlegen, wenn bestimmte Beträge erreicht werden. 


1. Logge dich dazu in dein Konto ein und öffne die Google-Konsole. Wähle im Navigationsmenü  Abrechnung > Mein Abrechnungskonto > Budget & Warnungen.

2. Im Zielbetrag Feld gib den Budgetwert ein, den du erstellen möchtest. In unserem Fall 200 $.

3. Im nächsten Schritt kannst du die Benachrichtigung festlegen, wenn ein bestimmter Prozentsatz des Budgets erreicht ist: 

Verbrauch überwachen

Aus der Google-Konsole im Abschnitt Google Maps Platform > Kennzahlen kannst du nachverfolgen, wie deine Seite Google Maps nutzt. Dir stehen verschiedene Kennzahlen und Filteroptionen entsprechend der verschiedenen APIs zur Verfügung. 

Die Übersicht bietet Informationen zur Nutzung der aktivierten APIs: 

Das ist alles, was du benötigst, um deinen Shop mit Google Maps über einen API-Schlüssel zu verbinden, um es deinen Kunden zu erleichtern, ihre Bestellungen abzuschließen. 

Fehlerbehebung

Wenn aus irgendeinem Grund dein API-Schlüssel an der Kasse ungültig ist, wenn deine Kunden versuchen, ihre Bestellung abzuschließen, sehen sie eine "kaputte" Karte und können ihre Bestellung nicht abschließen. In diesem Fall erhältst du eine automatische Benachrichtigung über das vorhandene Problem in deinem Admin-Bereich des Shops.

 

Dienst anfragen

Falls du Unterstützung beim Setup von Google Maps benötigst, kannst du den Dienst über die Schaltfläche unten anfordern. Unser Team wird alle notwendigen Schritte unternehmen, um Google Maps in deinem CloudCart-Shop einzurichten und zu betreiben. 


Anfordern