Integration und Konfiguration
Integration über ein WordPress Plugin
Anleitung hier: https://www.meinungsmeister.de/produkt/wordpress-plugin-fuer-google-bewertungswidget
Integration in eine Seite
Für die Integration sind zwei Teile nötig:
Ein HTML-Container mit einer eindeutigen ID. Diesen platzieren Sie an der Stelle, an der das Widget in der Seite angezeigt werden soll:
<div id="myWidgetContainer"></div>
sowie ein Skript-Element, welches entweder zusammen mit dem HTML-Container direkt dahinter eingefügt, oder wenn möglich separat am Ende der Seite platziert wird, um die Seite möglichst schnell zu laden:
<script async type="text/javascript" src="https://www.meinungsmeister.de/js/widget/mm-widget.js?gwid=[IHRE GOOGLE-WIDGET-ID]&containerid=myWidgetContainer" charset="utf-8"></script>
Im einfachsten Fall sind zwei Parameter in der Adresse des Skripts nötig: Der Parameter containerid bezieht sich auf die ID des HTML-Containers, der Parameter gwid ist die ID Ihres Eintrags, der Ihnen bereits in der Onboarding-Mail zugesandt wurde.
Einstellung der einzelnen Widget-Bereiche
Header
Der Header beinhaltet alles oberhalb der Bewertungen und kann durch Ergänzung / Austausch folgender Parameter in der URL konfiguriert werden.
| Parameter | Beschreibung | Wert |
| hideOverallRatings | Gesamtbewertung und Bewertungsquellen-Übersicht verstecken | true / false |
| hideSourceOverallRatings | Bereich mit Gesamtbewertungen der Bewertungsquellen ausblenden | true / false |
| hideReviewButton | Generell alle Bewertungsbuttons ausblenden | true / false |
| hideReviewButtonGolocal | Bewertungsbutton für golocal ausblenden (nur wirksam, wenn mehr als 1 Bewertungsmöglichkeit vorhanden, sonst hideReviewButton verwenden) | true / false |
| hideReviewButtonGoogle | Bewertungsbutton für Google ausblenden (nur wirksam, wenn mehr als 1 Bewertungsmöglichkeit vorhanden, sonst hideReviewButton verwenden) | true / false |
| hideHeaderTitle | Überschrift mit „Online-Bewertungen [Firmanname] ausblenden | true / false |
| headerTitle | Überschrift, wenn sie von „Online-Bewertungen“ bzw. „Google-Bewertungen“ abweichen soll | String |
Style
Mit den nachfolgenden Parametern steuern Sie das allgemeine Aussehen des Widgets, beispielsweise die Darstellung der Bewertungen als Liste oder Karussell, sowie die Farbgebung.
| Parameter | Beschreibung | Wert |
| listType | Typ der Bewertungsliste | carousel / list |
| colorScheme | Standard mit hellgrauen Boxen und dunkler Schrift auf hellem Seitenhintergrund (light) oder dunkle Boxen mit heller Schrift auf dunklem Grund (dark). „light-inverse“ ist z.B. für graue Seitenhintergründe gedacht und stellt das Widget mit weißen Boxen dar. Zusätzlich gibt es noch Varianten der 3 Schemata jeweils auf umgekehrter Helligkeit des Hintergrundes, damit die Schriften außerhalb der Boxen lesbar sind. | light / light-on-dark / light-inverse / light-inverse-on-dark / dark / dark-on-light |
| accentColor | Farbe, die für Review-Button und andere Elemente in der Firmenfarbe erscheinen soll | Hexfarbwert OHNE # |
Review
Mit den nachfolgenden Parametern kann die Darstellung der Bewertungen an sich konfiguriert werden:
| Parameter | Beschreibung | Wert |
| reviewStyle | Darstellung der Bewertung | block / plain / speech / centered |
| reviewSources | Filtern auf bestimmte Bewertungsquelle/n. Mehrere Quellen werden mit einem Komma getrennt (z.B. reviewSources=google,meinungsmeister) | meinungsmeister / golocal / google |
| hideUsername | Name ausblenden | true / false |
| hideAvatar | Userbilder ausblenden | true / false |
| visibleChars | Anzahl Zeichen bis „Read more“ | Integer |
| hideReviewText | Bewertungstext ausblenden | true / false |
| textType | Bewertung lang oder gekürzt | short / full |
| hideReviewSource | Bewertungsquelle ausblenden | true / false |
| hideDate | Zeit der Bewertung ausblenden | true / false |
| foldMultipleRatings | Einzelbewertungen einer Bewertung (z.B. bei Meinungsmeister) erst auf Buttonklick anzeigen | true / false |
| hideReviewAnswer | Inhaberantwort auf Bewertung (z.B. bei Meinungsmeister) ausblenden | true / false |
| equalSlideHeight | Bewertungsboxen haben die gleiche Höhe | true / false |
Listenansicht
Folgender Parameter ist nur in der Listenansicht (listType=list) gültig:
| Parameter | Beschreibung | Wert |
| visibleReviews | Anzahl an sichtbaren Bewertungen | String „auto“ oder Integer |
Karussellansicht
Mit den nachfolgenden Parametern beeinflussen Sie Darstellung und Verhalten der Karussellansicht (listType=carousel):
| Parameter | Beschreibung | Wert |
| autoplaySpeed | Zeit bis zum nächsten Slide in Sekunden. 0 = autoplay abgeschaltet | Integer |
| hideNavArrows | Navigationspfeile ausblenden | true / false |
| dragToSlide | Navigation des Sliders per Drag möglich | true / false |
| slideSpeed | Sliding-Zeit in Sekunden von A nach B | Integer |
| pagingType | Anzeige der Dots unter den Bewertungen oder nichts | dots / none |
Beispiele
Bei den Beispielen auf dieser Seite handelt es sich um ein Google-Widget eines Meinungsmeister -Kunden. Da wir die vollständigen Konfigurationsmöglichkeiten des Widgets zeigen möchten, werden hier auch Meinungsmeister- und golocal.de- Bewertungen angezeigt, da das Widget um diese Bewertungen ergänzt werden kann.
Beispiel 1 – Standardeinstellung
Dieses Beispiel zeigt die Standard-Konfiguration des Widgets, nur mit Angabe der gwid und ohne weitere Anpassungen. Das Unternehmen sammelt ausschließlich Google-Bewertungen. Der Bewerten-Button wurde ausgeblendet:
<div id="myWidgetContainer"></div>
<script async type="text/javascript" src="https://www.meinungsmeister.de/js/widget/mm-widget.js?gwid=b6e3a2d2-d240-8e50-84ad-5c1ce46dd16c&containerid=myWidgetContainer&hideReviewButton=true&reviewSources=google" charset="utf-8"></script>
Beispiel 2
Dieses Beispiel zeigt das Widget von einem Unternehmen, das neben Google-Bewertungen auch Bewertungen von Meinungsmeister und golocal sammelt im Farbschema „light-inverse“:
<div id="myWidgetContainer"></div>
<script async type="text/javascript" src="https://www.meinungsmeister.de/js/widget/mm-widget.js?gwid=e00d8765-dd52-9097-a11d-546e201384f4&containerid=myWidgetContainer&colorScheme=light-inverse&equalSlideHeight=true" charset="utf-8"></script>
Beispiel 3
Dieses Beispiel zeigt die Standard-Konfiguration des Widgets nur mit Google-Bewertungen in Listenform mit 5 sichtbaren Bewertungen und personalisiertem Titeltext. Der Bewerten-Button wurde ausgeblendet:
<div id="myWidgetContainer"></div>
<script async type="text/javascript" src="https://www.meinungsmeister.de/js/widget/mm-widget.js?containerid=myWidgetContainer&gwid=88f37787-d94e-b517-1e6e-5ef1e5fa27d7&listType=list&hideReviewButton=true&visibleReviews=4&headerTitle=Meinungen+unserer+Kunden" charset="utf-8"></script>
Beispiel 4
Widget als Listenansicht mit 4 Einträgen mit 55 sichtbaren Zeichen von Google, Meinungsmeister und golocal im Farbschema „dark“ mit der Akzentfarbe Grün, wobei alle Elemente des Headers außer dem Bewerten-Button ausgeblendet wurden.
<div id=“myWidgetContainer“></div>
<script async type=“text/javascript“ src=“https://www.meinungsmeister.de/js/widget/mm-widget.js?containerid=myWidgetContainer&gwid=e00d8765-dd52-9097-a11d-546e201384f4&listType=list&visibleChars=55&visibleReviews=5&colorScheme=dark&accentColor=12cd0f&hideOverallRatings=true&hideSourceOverallRatings=true&hideHeaderTitle=true“ charset=“utf-8″></script>
Datenschutzerklärung nach DS-GVO für Ihre Homepage
Bitte fügen Sie diesen Text in Ihren für den Datenschutz vorgesehenen Bereich auf Ihrer Homepage ein.
„Diese Website verwendet das Widget der Firma GoLocal GmbH & Co. KG für die Anzeige des Widgets. Dieser Service erhebt dabei aus technischen Gründen zur Anzeige des Widgets Ihre IP-Adresse und das Datum des Aufrufs. Diese Daten werden nach Ablauf von 7 Tagen gelöscht.
Bei Fragen oder Unklarheiten kontaktieren Sie uns bitte unter service@meinungsmeister.de.“
