Widgets

Widgets zijn kleine, interactieve elementen die bepaalde inhoud of functies op uw website weergeven, zonder dat hiervoor complexe programmering nodig is. In ons geval tonen de widgets de profielen direct op uw pagina. Ze kunnen flexibel op elke gewenste plek worden geïntegreerd en bieden bezoekers een direct overzicht van profielen, zonder dat ze uw platform hoeven te verlaten. De integratie gebeurt eenvoudig via JavaScript, zodat de widget naadloos past binnen het bestaande ontwerp van uw website

De integratie van de widget op uw website gebeurt via JavaScript. Met een paar regels code kunt u de widget op de gewenste plek plaatsen. U voegt eenvoudig de meegeleverde HTML-tag toe aan de HTML-code van uw pagina


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

Met de Target-implementatie kunt u precies bepalen waar op uw website de widget of andere inhoud getoond moet worden. Hiervoor wordt een kleine DIV-container in de HTML-code geplaatst, die als doelpunt voor de widget dient. Via JavaScript wordt de widget vervolgens in deze container geladen en weergegeven


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

Bij de integratie van de widget kunt u verschillende parameters configureren om de weergave en inhoud aan te passen. Hieronder worden de belangrijkste parameters van het P6Embed-object toegelicht:

id: Bepaalt in welk HTML-element de widget wordt weergegeven. Gebruik hier de id van de DIV-container, bijvoorbeeld target
ety: Definieert het type of de categorie van de widget, bijvoorbeeld et1. Deze waarde bepaalt welk soort weergave wordt geladen
bsw: Bepaalt de breedte van de widget in pixels. Voorbeeld: 500 stelt de breedte op 500px in
bsh: Bepaalt de hoogte van de widget in pixels. Voorbeeld: 600 stelt de hoogte op 600px in
eun: Bepaalt de profielnaam die in de widget wordt weergegeven. Voorbeeld: 'PROFILE_NAME'
border: Definieert het kader van de widget. Voorbeeld: '1px solid #000' maakt een zwart kader van 1px dik

Met deze parameters kunt u de widget flexibel afstemmen op het ontwerp en de vereisten van uw website. Na configuratie wordt de widget weergegeven door aanroep van de methode .render():


    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();

Met de volledige implementatie kunt u de widget op uw website in één stap integreren. U plaatst eerst het doelelement waarin de widget geladen moet worden, en voegt daarna de JavaScript-code toe die de widget initialiseert. Op deze manier worden zowel de weergave als de functionaliteit automatisch geactiveerd, zodat de widget direct interactief beschikbaar is. Deze methode zorgt ervoor dat de widget correct wordt geladen en dat alle geconfigureerde parameters zoals breedte, hoogte, profielnaam of kader worden toegepast


<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

Om de werking en de aanpassingsmogelijkheden van de widgets te illustreren, vindt u hieronder enkele praktische voorbeelden. Elk voorbeeld toont hoe de widget op uw website kan verschijnen en hoe verschillende parameters het uiterlijk en gedrag beïnvloeden

Uitdrukkelijke toestemming is niet vereist, omdat ons platform pseudonimisering van de gegevens gebruikt. Persoonlijke informatie wordt niet direct opgeslagen, waardoor de anonimiteit van de gebruikers gewaarborgd blijft en geen directe identificatie mogelijk is. Door de integratie op externe websites vindt de verwerking van de gegevens ook pseudoniem plaats, zodat de privacy van de gebruikers beschermd blijft

Widgets

Widgets

Kleine Widget

Voorbeeld:

Middelgrote Widget

Voorbeeld:

Grote Widget

Voorbeeld: