Seite 1 von 1

Google Bewertungen auf Website einbinden

Verfasst: Do 13. Mai 2021, 14:53
von netzkeks
Hallo Forum Mitglieder,

gibt es eine einfache hausgemachte Möglichkeit die letzen x Bewertungen bzw. die ★★★★☆ Sterne-Grafik
in die eigenen Mobirise Website einzubinden?

Schöne Grüsse
Daniel

Re: Google Bewertungen auf Website einbinden

Verfasst: Do 13. Mai 2021, 16:00
von Tommy Herrmann
Moin,

da musst Du mal Google suchen. Gehen tut das wohl:

https://targetbox.de/blog/google-bewertungen-guide/

http://www.local-marketing.news/wie-sie ... einbinden/

Ich habe das bisher noch nicht gemacht und daher gerade nichts Genaueres dazu sagen - vielleicht ja jemand anderes hier.

Re: Google Bewertungen auf Website einbinden

Verfasst: Do 13. Mai 2021, 19:45
von netzkeks
Hab mal ein wenig gesucht und folgendes kleines Tool gefunden (soll wohl so ähnlich wie das Plugin von WordPress sein)
https://github.com/ETfrom2100/GoogleRev ... stallation

Ist das evtl. ein passabler Weg die Bewertungen anzeigen zu lassen?

Ich weiß nur noch nicht ganz, wie ich das Tool in eine Mobirise Seite einbauen kann. Hat einer eine Idee?

Schöne Grüsse
Daniel

Re: Google Bewertungen auf Website einbinden

Verfasst: Fr 14. Mai 2021, 05:11
von Tommy Herrmann
Moin,

ja - das sieht doch eigentlich gut aus.

Ich kenne mich jetzt nicht mit dieser "Place -ID" aus, auf die sich die Bewertung bezieht.

Ich weiß nicht, ob man selbst Besitzer dieser Location sein muss, denn ich habe das exakt richtig eingebaut und es wird nichts angezeigt - auch "online" am Server nicht :(

Den Einbau würdest Du so vornehmen, wobei ich die Dateien aus dem Download von der "GitHub" Seite in ein Verzeichnis "bewertung" bei meinem Mobirise-Projekt kopiert habe. Dies sind die Verzeichnisse:

css
imgs
scr



Mobirise-Seiteneinstellungen:

Inside <head> code:

Code: Alles auswählen

  <!-- Google Bewertung -->
  <link rel="stylesheet" href="bewertung/css/grw-styles.css">
  <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places"></script>
  <script src="bewertung/src/grw.js"></script>
End of <body> code:

Code: Alles auswählen

  <script>
    $GrwJS.init({
        target:'#widget',
        placeid:'ChIJpcanZ0L2wokRoWs8p9gEJcM', // Google place ID
        theme:'dark',
        numOfWords:30,
        horizontal:true,
        autoScroll:true
    });
  </script>
... und dann dieses <div> zur Anzeige in einen Mobirise-Block (außerhalb von <p> Tags).

Code: Alles auswählen

<div id="widget"></div>

Re: Google Bewertungen auf Website einbinden

Verfasst: Sa 15. Mai 2021, 08:44
von netzkeks
Moin,

hab es gerade auch mal so, wie Tommy geschrieben hat, eingebaut und es erscheint nichts.
Jedoch die DEMO https://etfrom2100.github.io/google-rev ... /demo.html funktioniert.

Code: Alles auswählen

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="grw-styles.css">
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyALcv0EknammENHPM_2eucHSXz-9QC3STs&libraries=places"></script>
<script src="grw.min.js"></script>
	
</head>

<body>
	<div id="widget"></div>
	<script>
		$GrwJS.init({
			target:'#widget',
			placeid:'ChIJpcanZ0L2wokRoWs8p9gEJcM', 
			theme:'dark',
			numOfWords:30,
			horizontal:true,
			autoScroll:true
		});
	</script>
</body>
</html>
Warum? Hat jemand ein Idee?

Schöne Grüsse
Daniel

Re: Google Bewertungen auf Website einbinden

Verfasst: Sa 15. Mai 2021, 09:41
von Tommy Herrmann
Du benötigst Deinen ganz persönlichen API-Key, sonst wird da nichts angezeigt:

https://wpbusinessreviews.com/documenta ... ms/google/

Gucke Dir mal dieses Video dazu an:

https://wpbusinessreviews.com/documenta ... ms/google/

https://developers.google.com/maps/docu ... et-api-key

Ich will den jetzt nicht generieren lassen, da ich das niemals brauchen werde.

Re: Google Bewertungen auf Website einbinden

Verfasst: Sa 15. Mai 2021, 14:14
von netzkeks
Hallo Tommy,

vielen Dank für die Infos. :tu:
Ich dachte das läuft eher so wie die GoogleMaps Einbindung in die Website.
Werd mal überlegen, ob sich das lohnt für das Tool eine API erstellen zu lassen.
Dieser Teil von Google ist ja doch sehr umfangreich.

Schöne Grüße
Daniel