Widgets

Widgets er små, interaktive elementer, der viser bestemte indhold eller funktioner på din hjemmeside uden behov for kompleks programmering. I vores tilfælde viser widgets profiler direkte på din side. De kan fleksibelt indsættes hvor som helst og giver besøgende et direkte overblik over profiler uden at skulle forlade din platform. Integrationen sker enkelt via JavaScript, så widgeten passer sømløst ind i det eksisterende design på din hjemmeside

Indlejring af widgeten på din hjemmeside sker via JavaScript. Med få linjer kode kan du placere widgeten det ønskede sted. Du indsætter blot det leverede HTML-tag i HTML-koden på din side


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

Med target-implementeringen kan du præcist bestemme, hvor på din hjemmeside widgeten eller andre indhold skal vises. Til dette indsættes en lille DIV-container i HTML-koden, som fungerer som målpunkt for widgeten. Via JavaScript bliver widgeten derefter indlæst og vist i denne container


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

Ved indlejring af widgeten kan du konfigurere forskellige parametre for at tilpasse udseende og indhold. Nedenfor forklares de vigtigste parametre i P6Embed-objektet:

id: Bestemmer hvilket HTML-element widgeten vises i. Brug her id’et på DIV-containeren, f.eks. target
ety: Definerer typen eller kategorien af widgeten, f.eks. et1. Denne værdi styrer, hvilken slags visning der indlæses
bsw: Bestemmer bredden på widgeten i pixels. Eksempel: 500 sætter bredden til 500px
bsh: Bestemmer højden på widgeten i pixels. Eksempel: 600 sætter højden til 600px
eun: Angiver profilnavnet, der skal vises i widgeten. Eksempel: 'PROFILE_NAME'
border: Definerer rammetypen for widgeten. Eksempel: '1px solid #000' laver en sort ramme med 1px tykkelse

Med disse parametre kan du fleksibelt tilpasse widgeten til design og krav på din hjemmeside. Efter konfiguration vises widgeten ved at kalde 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 den fulde implementering kan du integrere widgeten på din hjemmeside i ét trin. Først placerer du målelementet, hvor widgeten skal indlæses, og derefter indsætter du JavaScript-koden, der initialiserer widgeten. På denne måde aktiveres både visningen og funktionaliteten automatisk, så widgeten straks er interaktiv. Denne metode sikrer, at widgeten indlæses korrekt, og at alle konfigurerede parametre som bredde, højde, profilnavn eller ramme anvendes


<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

For at illustrere, hvordan widgets fungerer, og hvilke tilpasningsmuligheder der findes, finder du nedenfor nogle praktiske eksempler. Hvert eksempel viser, hvordan widgeten kan se ud på din hjemmeside, og hvordan forskellige parametre påvirker udseende og opførsel

Et udtrykkeligt samtykke er ikke nødvendigt, da vores platform benytter pseudonymisering af data. Personlige oplysninger gemmes ikke direkte, hvilket bevarer brugernes anonymitet og forhindrer direkte identifikation. Ved indlejring på eksterne hjemmesider sker databehandlingen også pseudonymiseret, hvilket beskytter brugernes privatliv

Widgets

Widgets

Lille widget

Eksempel:

Mellemstort widget

Eksempel:

Stort widget

Eksempel: