Integration und Konfiguration
Integration in eine Seite
Die Integration erfolgt als iFrame, dieser sieht in der Standardvariante folgendermaßen aus:
<iframe src=“https://www.meinungsmeister.de/rp/widget?gwid=ee9c7fa1-512e-5b6d-1902-56179f058e85″ width=“100%“ height=“900″></iframe>
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 oder helle Schrift auf dunklem Grund (Darkmode) | light / light-inverse / dark |
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 |
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 | String 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
Dieses Beispiel zeigt die Standard-Konfiguration des Widgets, nur mit Angabe der gwid. Das Unternehmen sammelt ausschließlich Google-Bewertungen. Der Bewerten-Button wurde ausgeblendet:
<iframe title=“Google Widget“ src=“https://www.meinungsmeister.de/rp/widget?gwid=ee9c7fa1-512e-5b6d-1902-56179f058e85&hideReviewButton=true“ width=“100%“ height=“700″></iframe>
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“:
<iframe title=“Google Widget“ src=“https://www.meinungsmeister.de/rp/widget?gwid=ee9c7fa1-512e-5b6d-1902-56179f058e85&colorScheme=light-inverse“ width=“100%“ height=“900″></iframe>
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:
<iframe title=“Google Widget“ src=“https://www.meinungsmeister.de/rp/widget?gwid=ee9c7fa1-512e-5b6d-1902-56179f058e85&listType=list&hideReviewButton=true&visibleReviews=4&headerTitle=Meinungen+unserer+Kunden“ width=“100%“ height=“900″></iframe>
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.
<iframe title=“Google Widget“ src=“https://www.meinungsmeister.de/rp/widget?gwid=ee9c7fa1-512e-5b6d-1902-56179f058e85&listType=liste&visibleChars=55&visibleReviews=5&colorScheme=dark&accentColor=12cd0f&hideOverallRatings=true&hideSourceOverallRatings=true&hideHeaderTitle=true&hideReviewButton=true“ width=“100%“ height=“950″></iframe>