So betten Sie Google Maps in Ihre Website ein

Veröffentlicht: 2022-05-15

Kunden oder Kunden dabei zu helfen, Ihr Geschäft in der realen Welt zu finden, ist für die Maximierung Ihrer persönlichen Verkäufe von entscheidender Bedeutung. Sie können Ihr Unternehmen mit Google My Business zu Google Maps hinzufügen. Sie können Google Maps aber auch in Ihre Website – zB Ihre Kontaktseite – einbetten.

Es ist einfacher als es klingt.

Das Einbetten von Google Maps in Websites ist eine einfache Möglichkeit, Verbrauchern dabei zu helfen, Ihr Unternehmen zu finden. Mit mehr als 150 Millionen Nutzern, die monatlich auf Google Maps zugreifen, möchten Sie sich diese Nutzerbasis erschließen. Schließlich ist es eine gute Möglichkeit, Unternehmen und Firmen zu finden, egal ob Sie ein Kunde, Klient oder sogar ein potenzieller Mitarbeiter sind.

Google Maps einbetten, Google Maps in Website einbetten

In diesem Artikel erklären wir, wie Sie Google Maps in Websites einbetten – sei es eine Unternehmenswebsite oder ein lokales Geschäft.

Steigern Sie Ihr Marketing! Vereinbaren Sie noch heute eine kostenlose Beratung, um den Umsatz mit SEO und PPC zu steigern!

So binden Sie Google Maps in Websites ein

Es gibt zwei verschiedene Möglichkeiten, Google Maps in eine Website einzubetten: HTML-Code oder einen API-Schlüssel.

Verwendung von HTML-Code

Google Maps hat die Funktion „Karte teilen oder einbetten“ in ihr System integriert. Sie verwenden den HTML-Code der Karte im HTML-Code Ihrer Website, um auf der Seite einen direkten Link zu Google Maps zu erstellen.

  1. Gehen Sie zu google.com/maps.
  2. Suchen Sie den Ort, den Sie einbetten möchten, und wählen Sie ihn aus.
  3. Klicken Sie auf die drei horizontalen Linien im Menü-Tab in der oberen linken Ecke.
  4. Wählen Sie die Option „Karte teilen oder einbetten“.

Sie können den Freigabelink verwenden, um den Link in sozialen Medien wie Facebook oder Twitter oder anderen kompatiblen Plattformen zu senden oder zu teilen.
Um den Link zu Ihrer Website hinzuzufügen, klicken Sie auf die Registerkarte „Karte einbetten“.

  1. Entscheiden Sie auf der linken Dropdown-Registerkarte im Popup-Menü, wie groß die Karte sein soll: Klein, Mittel, Groß oder Benutzerdefinierte Größe
  2. Wählen Sie die Option „HTML KOPIEREN“ und fügen Sie sie in den HTML-Bereich Ihrer Website ein.
  3. Sie können die Karte beliebig auf Ihrer Webseite platzieren. Durch das Einbetten einer Karte erklären Sie sich jedoch mit den Nutzungsbedingungen von Google einverstanden. Außerdem haben Sie in einer eingebetteten Karte keinen Zugriff auf alle Funktionen von Google Maps, z. B. Live-Verkehrsinformationen.

Empfohlene Blogs : Top 20 sofort einsatzbereite Ideen zur Umsatzsteigerung und was ist SEO? Ein Leitfaden für Anfänger in der Suchmaschinenoptimierung.

Verwenden eines API-Schlüssels zum Einbetten von Google Maps

Sie benötigen einige Programmierkenntnisse, um diese Methode zu implementieren.

Schritt 1: Generieren Sie einen API-Schlüssel

  1. Gehen Sie zum Abschnitt Google Maps der Google Cloud Platform.
    (Sie müssen über aktivierte APIs verfügen, wenn Sie ein Projekt einrichten.)
  2. Wählen Sie im linken Menü „Zugangsdaten“.
  3. Klicken Sie auf „+ CREDENTIALS ERSTELLEN“.
  4. Wählen Sie „API-Schlüssel“ aus dem Menü und kopieren Sie die angezeigte API (Sie benötigen sie später).

Schritt 2: Erstellen Sie Code, um die Karte funktionsfähig zu machen

  1. Entscheiden Sie sich für den Karten-Styling-Code für Ihre Seite.
    <Stil>
     #Karte { Breite: 100 %;

    Höhe: 400px;

    Hintergrundfarbe: grau;

    }

    </style>

  2. Fügen Sie ein Kartenskript mit den Koordinaten Ihres Unternehmens hinzu.
    <Skript> Funktion initMap() {

    var macc = {lat: <Breitengrad>, lng: <Längengrad>};

    var map = new google.maps.Map(

    document.getElementById('map'), {zoom: 15, center: macc});

    var marker = new google.maps.Market({position: macc, map: map});

    }

    </script>

Schritt 3: Fügen Sie Google-Skript in das HTML-Dokument ein

  1. Fügen Sie den API-Schlüssel unten in das asynchrone Skript ein und ersetzen Sie „YOUR_API_KEY“.
    <Skript asynchron
     src="https://maps.googleapis.com/maps/api/js?key=<YOUR_API_KEY>&callback=initMap">
     </script>
  2. Fügen Sie das Skript zum Abschluss dem HTML-Dokument hinzu.

Sie müssen die Funktion initMap() verwenden, da Google diese zum Initialisieren und Hinzufügen benötigt, wo die Karte geladen wird. Innerhalb dieser Funktion sollte sie den Breiten- und Längengrad des Standorts enthalten.

Sobald Sie fertig sind, haben Sie eine responsive Karte, die Ihre Kunden verwenden können.

Empfohlene Blogs: Wie erstelle ich einen Content Marketing Funnel, der konvertiert und was ist Copywriting? So steigern Sie den Umsatz mit digitalem Copywriting.

Warum sollten Sie Google Maps in Ihre Website einbetten?

Vielleicht haben Sie einen bestimmten Zweck, für den Sie Google Maps hinzufügen möchten. Falls nicht, finden Sie hier einige Gründe, warum Sie Google Maps in Websites einbetten sollten.

Finden Sie Ihren Laden

Alle lokalen Unternehmen sollten der Einbindung von eingebetteten Google Maps auf ihrer Website Vorrang einräumen. Screenshots von Google Maps sind hilfreich, aber sie bieten bei weitem nicht den Detaillierungsgrad einer voll funktionsfähigen eingebetteten Karte. Beispielsweise kann ein Kunde scrollen, um zu sehen, wie weit Ihr Geschäft von seinem Zuhause entfernt ist.

In der Lage zu sein, Ihr Geschäft zu finden, wird Ihre Kundenfrequenz, Ihren Umsatz und Ihren Gewinn im Geschäft steigern. Es ist eine einfache Möglichkeit, Ihre Online-Präsenz mit Ihrem realen Geschäft zu verknüpfen.

Empfohlene Blogs: So erhalten Sie Traffic zu einem neuen Shopify-Shop, Strategieideen zur Markenbekanntheit, um Ihr Geschäft auszubauen, und 5 effektive Online-Marketing-Ideen für kleine Unternehmen.

Werten Sie Ihre Kontaktseite auf

Das Auflisten einer Adresse ist eine Sache, aber Ihr Kunde wird sowieso nur zu Google Maps gehen und suchen. Wir haben eine Marketingregel – minimieren Sie die Schritte, die der Kunde unternehmen muss. Jeder zusätzliche Klick oder jede zusätzliche Suche führt zu verlorenen Kunden.

Indem Sie eine eingebettete Google Maps-App hinzufügen, können Sie Ihre Kontaktseite aufwerten und Ihren Kunden Zeit sparen. Es ist entscheidend, wenn Ihr Unternehmen etwas abseits liegt.

Routen demonstrieren

Einige Unternehmen sind darauf aus, hilfreich zu sein. Wenn Sie Wanderschuhe oder Laufoberteile verkaufen, möchten Sie Ihren Kunden vielleicht Spaziergänge oder Läufe zum Ausprobieren empfehlen. (Ein ausgezeichneter Blogbeitrag.) Es gibt keinen besseren Weg, solche Informationen anzuzeigen, als mit einer hervorgehobenen Route in Google Maps.

Empfohlene Blogs : Was ist digitales Marketing? Die Grundlagen der Digitalisierung im Marketing, die Vorteile von Google My Business und wie ich eine Sitemap für meine Website finde.

Das Einbetten von Google in eine Website zu lernen ist einfach

Es kann ein wenig entmutigend aussehen. Gehen Sie die obige Anleitung jedoch Schritt für Schritt durch, und Sie erhalten am Ende eine perfekt eingebettete Karte, die Ihre Kunden zu schätzen wissen. Es ist praktisch und hilfreich und wird auch Ihr Geschäft ankurbeln. Es lohnt sich, die API-Technik auszuprobieren, da sie Ihnen deutlich mehr Funktionalität bietet als andere Optionen.

Wenn Sie wirklich Probleme haben, können Sie sich natürlich jederzeit an einen Experten wenden, der Ihnen hilft. Wir haben Erfahrung mit der Konfiguration von Websites und der Einbettung von Google Maps. Und wir helfen Ihnen gerne weiter.