So fügen Sie Google-Bewertungen kostenlos zu Webflow hinzu

Hinzufügen von Google-Bewertungen zu Ihrem Webflow Eine Website ist eine großartige Möglichkeit, Vertrauen bei Ihrem Publikum aufzubauen, die lokale Suchmaschinenoptimierung zu verbessern und soziale Beweise für Ihr Unternehmen zu präsentieren. Die meisten Lösungen auf dem Markt erfordern jedoch teure Widgets oder abonnementbasierte Plattformen, was diese scheinbar einfache Aufgabe kostspielig macht.

Aus diesem Grund haben wir einen kostenlosen Leitfaden erstellt, der Ihnen hilft, Google Reviews in Ihre Webflow-Website einzubetten, ohne einen Cent auszugeben. Dieses Tutorial enthält kostenlosen Code, auf den Sie zugreifen können, indem Sie ein Formular auf unserer Seite ausfüllen, und führt Sie durch jeden Schritt des Vorgangs. Bevor wir loslegen, ist es wichtig zu beachten, dass die aktuelle Methode Ihren eindeutigen Google-API-Schlüssel preisgibt. Wir erklären, welche Auswirkungen dies hat und warum Sie vorsichtig sein sollten.

Lass uns anfangen!

‍

Warum sollten Sie Google-Bewertungen auf Ihrer Webflow-Website anzeigen?

Google-Bewertungen sind ein wichtiger Bestandteil Ihrer Online-Reputation. Indem Sie Bewertungen auf Ihrer Website einbetten, können Sie:

Bauen Sie Glaubwürdigkeit auf: Bewertungen dienen als sozialer Beweis und zeigen potenziellen Kunden, warum Ihr Unternehmen vertrauenswürdig ist.
Verbessern Sie SEO: Nutzergenerierte Inhalte wie Bewertungen können das lokale SEO-Ranking Ihrer Website verbessern.
Steigern Sie die Konversionsraten: Es ist wahrscheinlicher, dass Besucher mit einem Unternehmen in Kontakt treten, das authentisches Kundenfeedback zeigt.
Optimieren Sie die Benutzererfahrung: Wenn Sie Nutzer auf Ihrer Website halten, anstatt sie zu Google umzuleiten, erhöht sich die Sitzungsdauer und das Engagement.

‍

Schritt 1: Holen Sie sich Ihren Google API-Schlüssel und Ihre Orts-ID

Um Ihre Webflow-Website mit Google Reviews zu verbinden, benötigen Sie zwei Dinge:

Google-API-Schlüssel: Dadurch kann Ihre Website mit den Diensten von Google interagieren.
Ort-ID: Eine eindeutige Kennung für Ihr Unternehmen auf Google Maps.

‍

So generieren Sie einen Google API-Schlüssel:

Gehe zum Google Cloud-Konsole.
Erstellen Sie ein neues Projekt oder wählen Sie ein vorhandenes aus.
Navigiere zu APIs und Dienste > Anmeldeinformationen und klicken Sie auf „Anmeldeinformationen erstellen“.
Wählen Sie „API-Schlüssel“ und kopieren Sie den generierten Schlüssel.
Beschränken Sie den Schlüssel nach Domänen, um eine unbefugte Verwendung zu verhindern.

‍

So finden Sie Ihre Orts-ID:

Öffne das Google Place ID-Finder.
Suchen Sie nach Ihrem Firmennamen.
Kopieren Sie die Orts-ID aus den Ergebnissen.

‍

Schritt 2: Füllen Sie das Formular aus, um den kostenlosen Code zu erhalten

Um es Ihnen einfach zu machen, haben wir den Code vorbereitet, den Sie benötigen, um Google Reviews auf Ihrer Webflow-Website einzubetten. Füllen Sie einfach das Formular auf der rechten Seite aus, um sofort auf den Code zuzugreifen. Sobald Sie den Code erhalten haben, können Sie mit den nächsten Schritten fortfahren.

‍

Schritt 3: Betten Sie den Code in Ihr Webflow-Projekt ein

Sobald du den API-Schlüssel, die Orts-ID und den Code bereit hast, befolge diese Schritte, um die Bewertungen einzubetten:

Fügen Sie den Code ein:
<head>Fügen Sie den kopierten JavaScript-Code in die Seiteneinstellungen im <head>Tag ein. Wenn Sie diesen Code auf mehreren Seiten haben möchten, fügen Sie einfach den Code unter Seiteneinstellungen> Benutzerdefinierter Code ein und in das Tag. Ersetzen DEIN_API_KEY und DEINE_ORT-ID mit deinen tatsächlichen Werten.
‍
Füge ein Div für die Bewertungen hinzu:
Erstellen Sie in Webflow einen div-Block mit der ID Google-Bewertungen. Hier werden die Bewertungen angezeigt.
‍
Veröffentlichen Sie Ihre Website:
Speichern Sie Ihre Änderungen und veröffentlichen Sie Ihre Webflow-Site. Sobald die Bewertungen live sind, sollten sie dynamisch angezeigt werden.

‍

Bitte beachten Sie, dass, wenn Sie möchten, dass Ihre Bewertung angezeigt wird, einfach diesen Codeabschnitt style="display:none; aus dem Codeblock löschen, den Sie erhalten. Im Moment wird sie automatisch ausgeblendet. Der Code funktioniert, stellen Sie nur sicher, dass Sie API und ID überall im Code ersetzen.

‍

Wichtige Hinweise zur Offenlegung von API-Schlüsseln

Derzeit macht diese Methode Ihren Google-API-Schlüssel im Frontend-Code verfügbar. Das bedeutet, dass jeder, der den Code deiner Website überprüft, den Schlüssel sehen und möglicherweise missbrauchen kann. Um dieses Risiko zu mindern:

Beschränken Sie die Verwendung von API-Schlüsseln: Stellen Sie sicher, dass Ihr API-Schlüssel auf die Domain beschränkt ist, um unbefugten Zugriff zu verhindern.
Überwachen Sie die API-Nutzung: Überprüfen Sie Ihre Google Cloud Console regelmäßig auf ungewöhnliche Aktivitäten.
Bleiben Sie auf dem Laufenden: Wir arbeiten an einer Lösung, um den API-Schlüssel zu verbergen, und werden den Code aktualisieren, sobald er verfügbar ist. Behalte unsere im Auge Seite „Ressourcen“ für Updates.

‍

Fazit

Wenn Sie dieser Anleitung folgen, haben Sie erfolgreich Google Reviews kostenlos zu Ihrer Webflow-Website hinzugefügt. Diese Lösung macht teure Widgets oder Plattformen überflüssig und gibt Ihnen die vollständige Kontrolle darüber, wie die Bewertungen angezeigt werden.

Denken Sie daran, vorsichtig mit der Offenlegung von API-Schlüsseln umzugehen und deren Verwendung einzuschränken. Für Updates zu einer sichereren Version dieses Codes setzen Sie ein Lesezeichen auf unsere Seite „Ressourcen“.

Wenn Sie dieses Tutorial hilfreich fanden, teilen Sie es mit Ihrem Netzwerk oder hinterlassen Sie uns Feedback. Viel Spaß beim Programmieren!