Widgets

Widgets sind kleine, interaktive Elemente, die bestimmte Inhalte oder Funktionen auf Ihrer Website anzeigen, ohne dass dafür komplexe Programmierung erforderlich ist. In unserem Fall zeigen die Widgets die Profile direkt auf Ihrer Seite an. Sie können flexibel an beliebigen Stellen eingebunden werden und bieten Besuchern eine direkte Übersicht über Profile, ohne dass sie Ihre Plattform verlassen müssen. Die Integration erfolgt einfach per JavaScript, sodass das Widget nahtlos in das bestehende Design Ihrer Website passt

Die Einbindung des Widgets auf Ihrer Website erfolgt über JavaScript. Mit wenigen Zeilen Code können Sie das Widget an der gewünschten Stelle platzieren. Dabei fügen Sie das bereitgestellte HTML-Tag einfach in den HTML-Code Ihrer Seite ein


    <script src="https://static-edge-p6.cdn.es-infra.net/public/ept.latest.js"></script>

Mit der Target-Implementierung können Sie genau bestimmen, an welcher Stelle auf Ihrer Website das Widget oder andere Inhalte angezeigt werden sollen. Dazu wird ein kleiner DIV-Container in den HTML-Code eingefügt, der als Zielpunkt für das Widget dient. Über JavaScript wird das Widget anschließend in diesen Container geladen und angezeigt


    <div id="target"></div>

Bei der Einbindung des Widgets können Sie verschiedene Parameter konfigurieren, um Darstellung und Inhalt anzupassen. Nachfolgend werden die wichtigsten Parameter des P6Embed-Objekts erläutert:

id: Legt fest, in welchem HTML-Element das Widget angezeigt wird. Verwenden Sie hier die id des DIV-Containers, z.B. target
ety: Definiert den Typ oder die Kategorie des Widgets, z.B. et1. Dieser Wert steuert, welche Art von Anzeige geladen wird
bsw: Bestimmt die Breite des Widgets in Pixeln. Beispiel: 500 setzt die Breite auf 500px
bsh: Bestimmt die Höhe des Widgets in Pixeln. Beispiel: 600 setzt die Höhe auf 600px
eun: Legt den Profilnamen fest, der im Widget angezeigt werden soll. Beispiel: 'PROFILE_NAME'
border: Definiert die Rahmenart des Widgets. Beispiel: '1px solid #000' erzeugt einen schwarzen Rahmen mit 1px Stärke

Mit diesen Parametern können Sie das Widget flexibel an das Design und die Anforderungen Ihrer Website anpassen. Nach der Konfiguration wird das Widget durch Aufruf der Methode .render() angezeigt:


    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();

Mit der vollständigen Implementierung können Sie das Widget auf Ihrer Website in einem Schritt einbinden. Dazu platzieren Sie zunächst das Ziel-Element, in das das Widget geladen werden soll, und fügen anschließend den JavaScript-Code ein, der das Widget initialisiert. Auf diese Weise werden sowohl die Darstellung als auch die Funktionalität automatisch aktiviert, sodass das Widget sofort interaktiv verfügbar ist. Diese Methode stellt sicher, dass das Widget korrekt geladen wird und alle konfigurierten Parameter wie Breite, Höhe, Profilname oder Rahmen angewendet werden


<div id="target"></div>
<script type="text/javascript">
    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();
</script>

Widgets

Um die Funktionsweise und die Anpassungsmöglichkeiten der Widgets zu veranschaulichen, finden Sie nachfolgend einige praktische Beispiele. Jedes Beispiel zeigt, wie das Widget auf Ihrer Website aussehen kann und wie unterschiedliche Parameter das Erscheinungsbild und Verhalten beeinflussen

Ein ausdrückliches Consent ist nicht erforderlich, da unsere Plattform eine Pseudonymisierung der Daten nutzt. Persönliche Informationen werden nicht direkt gespeichert, wodurch die Anonymität der Nutzer gewahrt bleibt und keine direkte Identifikation möglich ist. Durch die Einbindung auf externen Webseiten erfolgt die Verarbeitung der Daten ebenfalls pseudonymisiert, sodass die Privatsphäre der Nutzer geschützt bleibt

Widgets

Widgets

Kleines Widget

Beispiel:

Mittleres Widget

Beispiel:

Großes Widget

Beispiel: