Google Maps – Eine eigene API erstellen

Google Maps stellt sein Kartenmodul nach wie vor kostenlos zur Verfügung. Allerdings benötigt man zur Nutzung einen sogenannten API Key (API Schlüssel). In diesem kleinen Tutorial zeige ich dir, wie du eine API erstellst und für deine Website nutzt. Hast du ein Designers Inn oder Divi-Theme, kannst du diesen schlüssel einfach in deine Theme-Optionen kopieren.

Schritt 1: Anmeldung Google Developer Center

Um einen API Schlüssel zu erstellen, melde dich bei der Google Developerkonsole an: Google Developer Consol

Schritt 2: API Projekt erstellen

Sobald du angemeldet bist, wirst du aufgefordert ein neues Projekt zu erstellen. Erstelle jetzt ein neues Projekt.

Google-Api-01

Du kannst deinem Projekt einen beliebigen Namen geben. Ich nenne mein Projekt „GoogleMaps“. Wenn du eine https-Domain hast, kannst du diese unter registrieren. TIPP: Lass das Feld HTTP-Referrer einfach leer, so kannst du die API ohne Einschränkung nutzen. Google-Api-02

Schritt 3: API Schlüssel erstellen

Okay. Wenn du auf „Erstellen“ drückst, bekommst du deinen API Schlüssel angezeigt.

Google-Api-03

Schritt 4: API Schlüssel in den Theme Optionen einfügen

Kopiere deinen „Schlüssel“ und füge diese in deinen Theme Optionen ein: DIVI > THEME OPTIONEN > GOOGLE API KEY

Google-Api-04

Nutzt du ein Map-Plugin oder anderes Theme, so sollte dir ein entsprechendes Feld für deinen Googly API Key zur Verfügung gestellt werden. Frage im Zweifel bei dem Hersteller des Themes/Plugins nach.

Ich hoffe, dass dir diese Anleitung hilft – und du nun auch offline wieder gut gefunden wirst :-)

Tool-Tipp:

Folgende Apps nutze ich in meinem Blog. Zu den meisten dieser Apps findest du auf meinem YouTube-Kanal eine ausführliche Review.

Keyword-Strategie: WriterZen, LongTailPro, Link Assistant
Content-Erstellung: Frase, StoryChief, Bramework, NeuronWriter
Optimierung Pagespeed: WP Rocket, ShortPixel
Optimierung Conversion: Convertbox
Sicherheit: WPVivid

Du suchst nach einer Lösung für dein Marketing, deiner SEO- oder Content-Strategie? Dann schau auch gern in meiner Akademie vorbei: Businesserfolg.de

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!

QR-Codes Relaunched: Kreative Strategien für dein Marketing

QR-Codes Relaunched: Kreative Strategien für dein Marketing

QR-Codes sind zurück – und stärker als je zuvor. Lange als unästhetisches Relikt belächelt, erleben die kleinen Quadrate eine beeindruckende Renaissance. Dank moderner Smartphones, die sie ohne zusätzliche App scannen können, und einem veränderten Nutzerverhalten sind...

Gestaltung akustisch optimierter WordPress-Websites

Gestaltung akustisch optimierter WordPress-Websites

Die Akustik spielt im Webdesign eine zunehmend wichtige Rolle, insbesondere wenn es darum geht, die Benutzererfahrung zu verbessern. Akustisch optimierte Websites bieten nicht nur ästhetische Vorteile, sondern fördern auch die Funktionalität und Performance. Indem Sie...

Moderne Dokumentenverwaltung im digitalen Marketing

Moderne Dokumentenverwaltung im digitalen Marketing

Digitale Technik prägt, wie Unternehmen heute Dokumente bearbeiten und teilen. Im Online-Marketing zählen Tempo und reibungslose Zusammenarbeit. PDFs spielen dabei eine zentrale Rolle und sind für Präsentationen, Verträge sowie Marketingmaterialien unverzichtbar....

Platz für deinen Kommentar!

2 Kommentare

  1. Fab

    hey super Anleitung, bei mir in Onebusiness (Divi Basis 2.7.5) ist das entsprechende Feld nicht vorhanden.

  2. Marco

    Hi, bitte update dein Theme auf den neusten Stand! VG, Marco

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download