Technologische Neuigkeiten, Bewertungen und Tipps!

So fügen Sie Google Maps in WordPress hinzu

Wenn Sie eine Website für Ihr lokales Unternehmen erstellt haben, insbesondere für ein Ladengeschäft, sollten Sie auf Ihrer WordPress-Website einen Google Maps-Bereich haben, der den Standort des Unternehmens hervorhebt. Das Einbetten der Karte in Ihre Website ist auch für Ihre lokalen SEO-Bemühungen hervorragend, da Google sie in den Suchergebnissen höher einstuft.

Glücklicherweise ist das Einbetten von Google Maps in Ihren Laden- oder Bürostandort(en) in WordPress ganz einfach. Lesen Sie weiter, um loszulegen.

So fügen Sie Google Maps ohne API oder Plugin zu WordPress hinzu

Dies ist die einfachste Möglichkeit, Google Maps zu Ihrem WordPress-Blog oder Ihrer Website hinzuzufügen. Sie umfasst zwei grundlegende Schritte: Kopieren Sie den eingebetteten Link und fügen Sie den Link in einen WordPress-Codeblock ein. Folgen Sie den unten aufgeführten Schritten.

  1. Öffnen Sie Google Maps im Web.
  2. Geben Sie den Standort, den Sie einbetten möchten, in das Suchfeld ein oder suchen Sie danach.
  3. Klicken Aktienavigieren Sie zu Einbetten einer Kartewählen Sie die gewünschte Größe aus und klicken Sie auf HTML kopieren.
  1. Melden Sie sich bei Ihrem WordPress-Dashboard an.
  2. Klicken SeitenDann Neue Seite hinzufügen (Sie können einen neuen Beitrag verwenden oder eine alte Seite bearbeiten, wenn Sie möchten).
  3. Klicken Sie auf das + und dann auf Benutzerdefiniert HTML.
  4. Fügen Sie den kopierten eingebetteten Link für Google Maps ein. Speichern und veröffentlichen Sie anschließend Ihre Seite.

Hinzufügen von Google Maps mit API zu WordPress

Wenn Sie auf WordPress bloggen, können Sie Google Maps mit einer API einbetten, allerdings müssen Sie dazu ein Maps-Plugin verwenden. In diesem Beispiel verwenden wir die WP Go Maps Plugin, aber es gibt noch andere, die Sie ausprobieren können. Aber zuerst müssen wir die API bekommen.

So erhalten Sie die Google Maps API

Sie können kostenlose API-Funktionen für kleine Unternehmen verwenden, aber die erweiterten APIs kosten etwa 7 $ pro Monat und steigen je nach Anzahl der erhaltenen Impressionen. Mit der erhaltenen API können Sie Ihrer Website eine Google Map hinzufügen. Um eine Google Map API zu erhalten, müssen Sie Ihre Abrechnung in der Google Cloud Console ordnungsgemäß eingerichtet haben. Sobald die Abrechnung eingerichtet ist, fahren Sie mit den folgenden Schritten in der Google Cloud Console fort.

  1. Klicken Sie auf das Hamburger und klicken Sie auf APIs und Dienste.
  2. Wählen Aktivieren von APIs und Diensten.
  3. Klicken Sie auf das Hamburgerschweben APIs und Diensteund klicken Sie dann auf Bibliothek.
  4. Unter Kartenauf Alle.
  5. Klicken Maps JavaScript-APIund klicken Sie auf Aktivieren Taste.
  6. Kehren Sie zur API-Bibliotheksseite zurück und wiederholen Sie Schritt 5 für Wegbeschreibungs-API, Geokodierungs-API, Geolokalisierungs-APIUnd Orte-API.
  7. Klicken Sie auf das Hamburgerschweben APIs und Diensteund klicken Sie dann auf Qualifikationen.
  8. Klicken Sie oben auf dem Bildschirm auf das Anmeldeinformationen erstellen und wählen Sie API-Schlüssel.
  9. Wählen Sie die API-Schlüssel bearbeiten Option.
  10. Wählen Sie die Websites und klicken Sie auf HINZUFÜGEN.
  11. Geben Sie die URL Ihrer Website ein, klicken Sie auf Erledigtgefolgt von Speichern.
  12. Klicken Sie auf das Schlüssel anzeigen Option und kopieren Sie Ihren API-Schlüssel.

Herunterladen des WP Maps-Plugins

Für dieses Beispiel verwenden wir WP Go Maps. Befolgen Sie die nachstehenden Schritte, um es herunterzuladen.

  1. Öffnen Sie das WordPress-Dashboard, klicken Sie auf Plugins und klicken Sie in der Menüleiste auf Neues Plugin hinzufügen oben auf der Seite.
  2. Suchen nach WP Go Maps und klicken Sie auf das Jetzt installieren für das erste Plugin, dann klicke auf Aktivieren sobald die Installation abgeschlossen ist.
  3. Klicken Einstellungen für Karten Klicken Sie im linken Bereich auf das Fortschrittlich Geben Sie Ihren API-Schlüssel ein und klicken Sie auf Einstellungen speichern unten rechts.
  4. Wählen Karten Fügen Sie im linken Bereich Ihre Adresse zum Adresse/GPS und klicken Sie auf das Markierung hinzufügen Taste.

Hinzufügen eines Kartenblocks

Wenn die API verbunden ist, erstellt WP Go Maps einen Codeblock, den Sie auf Ihrer Website verwenden können:

  1. Öffnen Sie Ihr WordPress-Dashboard und öffnen Sie den Beitrag oder die Seite, auf der Sie die Karte benötigen.
  2. Wählen Sie die + Klicken Sie oben auf die Schaltfläche, suchen Sie nach Karteund wählen Sie Karte.
  3. Jetzt Speichern Und Veröffentlichen die Seite.
  4. Verwenden Sie die zusätzlichen Optionen auf der rechten Seite, um das Aussehen des Blocks auf der Seite anzupassen.

Hinzufügen eines Widgets

Alternativ können Sie Ihrer Karte ein kleines Widget hinzufügen, beispielsweise die Fußzeile der Website. So gehts:

  1. Öffnen Sie das WordPress-Administrationsbereich.
  2. Wählen Aussehen und klicken Sie auf Widgets.
  3. Expandieren WP Go Mapswählen Sie einen Standort aus und klicken Sie auf Widget hinzufügen.
  4. Bearbeiten Sie die Abmessungen des Widgets und legen Sie fest, wie die Beschriftung auf der Karte benannt wird.

Obwohl WP Go Maps die Aufgabe erledigen sollte, ist es nicht das einzige Plugin, das dies kann.

Sie können den WordPress-Plugin-Store durchsuchen, um andere Plugins zu finden, die Kartenblöcke mit Google Maps einbetten. Einige der besseren Optionen sind:

  • Google Maps Widget
  • Google Maps Einfach
  • Intergeo

Sobald Sie das Plugin heruntergeladen und aktiviert haben, sollte jedes eine kurze Anleitung enthalten, wie Sie Ihren Google Maps API-Schlüssel eingeben, damit WordPress die Karte von Google verwenden kann. Der Rest liegt bei Ihnen.

Verwenden Sie ein WordPress-Theme mit integrierter Karte

Abgesehen davon, dass Sie Plugins zum Erstellen einer Karte für Ihre Website verwenden können, können Sie mit dieser Option auch von Anfang an ein Design auswählen.

Sie werden jedoch kaum ein kostenloses Theme mit eingebetteten Google Maps finden. Eine der besseren Versionen ist Divi, das im Abonnement etwa 90 $ pro Jahr kostet. Seine anderen Funktionen, wie die KI-gestützte Website-Erstellung und viele professionelle Vorlagen, machen es jedoch zu einer hervorragenden Wahl.

Machen Sie sich mit WordPress auf der Karte bekannt

Indem Sie den Google Maps-Standort Ihres Geschäfts in Ihre WordPress-Site einbetten, können potenzielle Kunden und Klienten Ihr lokales Geschäft leichter finden. Probieren Sie die Kartenplatzierung aus und erstellen Sie eine einfache Kontaktseite, um optimale Ergebnisse zu erzielen.

Als Nächstes sollten Sie lernen, wie Sie in WordPress ein Standarddesign festlegen.

FAQs

Wo lege ich den Google Maps API-Schlüssel in WordPress ab?

Sie können es in einen WordPress-Codeblock einbetten oder ein Plugin verwenden. Einige dieser Plugins bieten möglicherweise Widgets an, in die Sie den API-Schlüssel einbetten können.

Wie füge ich ohne Plugins eine Google-Karte zu WordPress hinzu?

Der genaue Vorgang hängt vom verwendeten Plugin ab. API-Schlüssel werden jedoch normalerweise in ein API-Feld eingefügt, das Sie in der erweiterten Option Ihres Plugins finden.

Your Header Sidebar area is currently empty. Hurry up and add some widgets.