Skip to main content

Meinungsmeister Google-Widget als Badge

Integration und Konfiguration

Mockup Laptop mit Badge Widget und Developer

Integration in eine Seite

Fügen Sie einfach folgendes Skript-Element in den Code der Seite ein. Wenn möglich am Ende des schließenden </body>-Elements:

<script async type="text/javascript" src="https://www.meinungsmeister.de/js/widget/mm-widget.js?gwid=[IHRE GOOGLE-WIDGET-ID]&widgetType=badge" charset="utf-8"></script>

Im einfachsten Fall sind zwei Parameter in der Adresse des Skripts nötig: Der Parameter widgetType legt fest, dass es sich hier um die Badge-Darstellung des Widgets handelt, der Parameter gwid ist die ID Ihres Eintrags, der Ihnen bereits in der Onboarding-Mail zugesandt wurde.

Parameter zum Anpassen des Widgets

Parameter Beschreibung Wert (Standard fett)
colorScheme Definiert, ob das Widget dunkel oder hell dargestellt und auf welchem Hintergrund dies dargestellt wird (beeinflusst Schatten) light / light-on-dark / dark / dark-on-light
zindex Legt die Stapelreihenfolge (CSS-Eigenschaft z-index) in Bezug auf andere Elemente der Seite fest Nummer / 100
dbtm Abstand vom Boden des Browserfensters in Pixel Nummer / 50
fixed Positionierung des Widgets. Soll es nicht fest am unteren rechten Rand positioniert werden, sondern an beliebiger Stelle der Seite stehen, ergänzt man die Parameter durch „&fixed=false“ true / false
frcbody Forciert, dass Widget im <body>-Bereich der Seite eingefügt wird (für manche Website-Anbieter nötig, die Zertifikat in einem iFrame über SRCDOC-Attribut anzeigen) true / false
mobilebanner Definiert, ob für mobile Auflösungen statt des Badges (der mobil ausgeblendet wird) ein fixer Bewertungsbanner am unteren Rand erscheinen soll true / false

 

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 neben Google-Bewertungen auch Bewertungen von golocal und Meinungsmeister.

Bei schmalen Bildschirmbreiten (z.B. mobil) wechselt die Badge-Ansicht zur Banner-Ansicht fix am unteren Ende der Seite. Dies kann mit dem Parameter „mobilebanner=false“ deaktiviert werden.

See the Pen !Angepasst MM Badge Google by golocal (@golocal) on CodePen.

Beispiel 2 – Inline-Darstellung, nur Google-Bewertungen

Mit dem Parameter „&fixed=false“ kann der Badge inline zusammen mit den anderen Inhalten der Seite angezeigt werden. Zusätzlich notwendig ist in diesem Fall noch ein HTML-Element, das an die Position gesetzt wird, an welcher der Badge angezeigt werden soll.

Datenschutzerklärung nach DSGVO 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.“

Weitere Darstellungsarten