Meinungsmeister Zertifikatswidget

Integration und Konfiguration

Laptop-mit-Zertifikat-Widget-und-Developer-Modus.png

Integration des Meinungsmeister Zertifikats-Widgets

Kopieren Sie den für Sie personalisierten Widget-Code (Beispiel unten) von Ihrer Meinungsmeister Zertifikatsseite und fügen Sie diesen an beliebiger Stelle auf Ihrer Website ein. Mit [] markierte Parameter wie [&scale=X.X] sind optional und können komplett weggelassen werden, hier werden dann stattdessen generelle Werte verwendet (im Anschluss beschrieben).

Für einzeln
<script type="text/javascript" src="https://www.meinungsmeister.de/js/widget/mm-swidget.js?golocalid=XXXXX[&scale=X.X][&dbtm=X][&variant=X][&zindex=X]" charset="utf-8"></script>
Für Zentrale
<script type="text/javascript" src="https://www.meinungsmeister.de/js/widget/mm-swidget.js?zentraleid=XXXXX[&scale=X.X][&dbtm=X][&variant=X][&zindex=X]" charset="utf-8"></script>

Parameter

Parameter
Optional
Default
Beschreibung
golocalid nein nein golocal-ID, wobei „XXXXX“ der short golocal Code ist.  Z.B. für Café Dupont: <script type=“text/javascript“ src=“https://www.meinungsmeister.de/js/widget/mm-swidget.js?golocalid=YUoFA&scale=0.7“ charset=“utf-8″></script>. Sie finden den für Sie personalsierten Widget-Code auf Ihrer Meinungsmeister Zertifikatsseite.
fixed ja 1 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=0“
details ja 1 Verhindert mit dem anzuhängenden Parameter „&details=0“ den Details-Layer und springt direkt auf die Meinungsmeister Zertifikatsseite. Dies ist zusammen mit „&fixed=0“ bei manchen Anbietern von Website-Baukästen nötig, damit Anzeigefehler vermieden werden.
scale ja 1 Festlegen der Gesamtgröße. Das Widget wird um den angegebenen Faktor kleiner (z.B. 0.7) oder größer (z.B. 1.2).
dbtm ja 0 Abstand vom unteren Rand der Seite in Pixel
zindex ja 100000 Z-Index des Widgets, um Widget frei positionieren zu können, falls es Überlappungen mit anderen Elementen gibt.
variant ja 1

Variante 1:

Zertifikatwidget-Variante 1

Variante 2:

Zertifikatswidget-Variante 2

frcbody ja 0 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)

Beispiel für unterschiedliche Varianten

Variante Beispiel
mit 70% Faktor  

Zertifikatswidget 70 Faktor

 

Mobil  

Zertifikatswidget Mobil

 

Versetzt  

Zertifikatswidget versetzt

 

Querformat  

Zertifikatswidget Landscape

 

als schmales Banner (wie Mobil) Codepen-Link

Was passiert, wenn man auf das Zertifikats-Widget klickt?

Ein Pop-up-Fenster mit mehr Informationen öffnet sich. Mit einem weiteren Klick landet man auf der Meinungsmeister Zertifikatsseite des jeweiligen Unternehmens.

Zertifikatwidget geklickt

Selbst experimentieren

Sie können unten die verschiedenen Möglichkeiten zur Anpassung des Widgets live ausprobieren. Klicken Sie dazu auf „HTML“, um den Code zu sehen und zu editieren.

Filialisten: Mehrere Zertifikats-Widgets gesammelt auf einer Seite

Für jede Filiale gibt es ein Zertifikats-Widget, welches gesammelt in einem iFrame dargestellt wird (unter einer gewissen Breite wird das Widget im Mobil-Modus als Leiste am unteren Bildrand angezeigt):

 

Zertifikatwidget - filialisten

Beispiel für die gesammelten Filial-Zertifikats-Widgets: https://www.meinungsmeister.de/zertifikat/zentrale/1906e775-02e1-7ccb-4df8-57e26bc272ec/

Anpassungsmöglichkeiten für Experten

Komposition

Das Zertifikats-Widget wird dynamisch mit folgenden Elementen erstellt:

Was URL Vorschau
Hintergrund https://www.meinungsmeister.de/img/widget/mm-microwidget-signet-bg_v2-5.png Zertifikatswidget background
volles Sternchen https://www.meinungsmeister.de/img/rating/full.svg Zertifikatswidget Sterne
halbes Sternchen https://www.meinungsmeister.de/img/rating/half.svg Zertifikatswidget Half Sterne
CSS https://www.meinungsmeister.de/css/widget/micro-widget.css

Zwei Wege, um das Zertifikats-Widget als Banner zu integrieren

CCS Anpassung für Anzeige des Widgets als Inline Banner (so wird das Widget mitteln im Text erscheinen und mit dem Text scrollen)

CCS Anpassung für Anzeige des Widgets als Banner immer am unteren Rand der Website

Widget auf der linken Seite anbinden