Widgets

Widgets är små, interaktiva element som visar visst innehåll eller funktioner på din webbplats utan att komplex programmering krävs. I vårt fall visar widgetarna profiler direkt på din sida. De kan flexibelt bäddas in på valfria platser och ger besökare en direkt översikt över profiler utan att de måste lämna din plattform. Integrationen sker enkelt via JavaScript, så att widgeten sömlöst passar in i webbplatsens befintliga design

Inbäddningen av widgeten på din webbplats sker via JavaScript. Med några få kodrader kan du placera widgeten på önskad plats. Du lägger helt enkelt till den tillhandahållna HTML-taggen i HTML-koden på din sida


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

Med målimplementeringen kan du exakt bestämma var på din webbplats widgeten eller annat innehåll ska visas. Ett litet DIV-container infogas i HTML-koden som fungerar som målpunkt för widgeten. Via JavaScript laddas och visas sedan widgeten i denna container


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

När du bäddar in widgeten kan du konfigurera olika parametrar för att anpassa utseende och innehåll. Nedan förklaras de viktigaste parametrarna för P6Embed-objektet:

id: Anger i vilket HTML-element widgeten visas. Använd här id på DIV-containern, t.ex. target
ety: Definierar typen eller kategorin av widgeten, t.ex. et1. Detta värde styr vilken sorts visning som laddas
bsw: Bestämmer widgetens bredd i pixlar. Exempel: 500 sätter bredden till 500px
bsh: Bestämmer widgetens höjd i pixlar. Exempel: 600 sätter höjden till 600px
eun: Anger profilnamnet som ska visas i widgeten. Exempel: 'PROFILE_NAME'
border: Definierar typen av ram för widgeten. Exempel: '1px solid #000' skapar en svart ram med 1px tjocklek

Med dessa parametrar kan du anpassa widgeten flexibelt efter designen och kraven på din webbplats. Efter konfigurationen visas widgeten genom anrop av metoden .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();

Med fullständig implementering kan du bädda in widgeten på din webbplats i ett steg. Du placerar först målelementet där widgeten ska laddas och lägger sedan till JavaScript-koden som initierar widgeten. På detta sätt aktiveras både utseendet och funktionaliteten automatiskt, så att widgeten omedelbart är interaktiv. Denna metod säkerställer att widgeten laddas korrekt och att alla konfigurerade parametrar som bredd, höjd, profilnamn eller ram tillämpas


<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

För att illustrera hur widgets fungerar och kan anpassas hittar du nedan några praktiska exempel. Varje exempel visar hur widgeten kan se ut på din webbplats och hur olika parametrar påverkar utseende och beteende

Ett uttryckligt samtycke krävs inte eftersom vår plattform använder pseudonymisering av data. Personlig information lagras inte direkt, vilket säkerställer användarnas anonymitet och förhindrar direkt identifiering. Genom inbäddning på externa webbplatser behandlas data också pseudonymt, vilket skyddar användarnas integritet

Widgets

Widgets

Liten widget

Exempel:

Medium widget

Exempel:

Stor widget

Exempel: