Created: February 11th 2019
Last updated: May 1st 2020
Categories: IT Support, Miscellaneous Online Services
Author: Marcus Fleuti

Anleitung: Erstellen von Google API Schlüsseln für Google Maps und Google reCAPTCHA

Tags: Cloud Console, Cloud Projekt, Google, Key, Maps, Maps Javascript API, reCAPTCHA

Donate with

82uymVXLkvVbB4c4JpTd1tYm1yj1cKPKR2wqmw3XF8YXKTmY7JrTriP4pVwp2EJYBnCFdXhLq4zfFA6ic7VAWCFX5wfQbCC

Schlüssel für Google Maps Verwendung erstellen

Bei Google Cloud Console anmelden

Loggen Sie sich bei Google Cloud Console mit Ihrem Google Benutzername und Passwort an. Das System wird Sie dazu auffordern, ein Projekt zu erstellen.

Klicken Sie auf diesen Link: https://console.cloud.google.com/apis
Erstellen Sie ein Projekt:

Neues Cloud Projekt erstellen

Geben Sie einen beliebigen Namen für Ihr Projekt an. Empfehlung: Domäne Ihrer Webseite (z.B. ihredomain-ch)

Ihr neues Projekt auswählen

Am oberen Bildschirmrand: Stellen Sie sicher, dass Ihr Projekt ausgewählt ist:

API Dashboard - Anmeldedaten erstellen

Wechseln Sie zum APIs & Dienste Dashboard: https://console.cloud.google.com/apis/credentials
Klicken Sie auf Anmeldedaten links und im Anschluss auf Anmeldedaten erstellen.

Einen neuen API-Schlüssel erstellen

Erstellen Sie einen neuen Schlüssel:

Schlüssel einschränken (Sicherheit)

Ihr persönlicher Schlüssel wurde erstellt. Kopieren Sie diesen für die spätere Verwendung auf Ihrer Webseite. Sie können hierfür das kleine Symbol an der rechten Seite des Schlüssel anklicken:
Sie sollten Ihren Schlüssel aus Sicherheitsgründen einschränken:

Schlüssel-Sicherheit konfigurieren

Geben Sie Ihrem Schlüssel einen beliebigen Namen (Sie können auch den Standard-Namen API Schlüssel 1 verwenden. Diese Angabe hat keinen Einfluss auf die Funktionalität und dient lediglich dazu, den Schlüssel genau identifizieren zu können.

HTTP-Verweis-URLs (Websites) auswählen
Die URL zu Ihrer Webseite wie folgt eingeben: https://*.ihredomain.ch/*
Speichern

Ihr persönlicher Google API Schlüssel wurde nun erstellen. Verwenden Sie diesen für Ihre Web-Applikation.

Google Maps Bibliothek hinzufügen

Damit die Google Karte angezeigt werden kann, muss Google mitgeteilt werden, dass Google Maps von Ihrem Konto unterstützt sein soll. Sie müssen deshalb die sogenannte Maps Javascript API Bibliothek hinzufügen:

Klicken Sie auf diesen Link: https://console.cloud.google.com/apis/library
Wählen Sie die Maps JavaScript API aus:
Aktivieren Sie diese

Zahlungsmittel hinzufügen

Damit die neu erstellten Schlüssel funktionieren, muss bei Google ein Zahlungsmittel hinterlegt werden:

Klicken Sie ganz oben Links auf den Burger-Menü-Knopf:
Klicken Sie in der folgenden Meldung auf den blauen Knopf Rechnungskonto verknüpfen:
Das System fordert Sie nun auf, ein Rechnungskonto zu erstellen. Tun Sie dies:
Im nächsten Schritt werden Sie durch einen Assistenten geführt, über welchen Sie Ihre Adressdaten sowie eine Kreditkarte zur Zahlung hinterlegen. Nach Abschluss des Assistenten meldet Google:
Sie befinden sich wieder am Ausganspunkt. Klicken Sie erneut auf den blauen Knopf:

Der Konto-Prozess ist nun abgeschlossen:

Schlüssel für Google reCAPTCHA Verwendung erstellen

Bei Google reCAPTCHA Admin Konsole anmelden

Loggen Sie sich mit Ihrem Google Benutzernamen und Passwort hier ein: www.google.com/recaptcha/admin

Sofern Sie noch keine Webseite registrierten werden Sie automatisch zum Assistenten für die Registration einer neuen Webseite geführt. Andernfalls finden Sie oben rechts ein +-Symbol für das Registrieren einer neuen Webseite. Wir gehen in dieser Anleitung davon aus, dass noch keine Webseite in Ihrem Account registriert ist.

Registrieren Sie Ihre Webseite wie folgt:
* Ersetzen Sie https://www.ihredomain.ch mit dem Domänennamen Ihrer Webseite (ggfs. auch ohne “www.”)