Widgeti

Widgeti so majhni, interaktivni elementi, ki na vaši spletni strani prikazujejo določene vsebine ali funkcije, brez potrebe po zapletenem programiranju. V našem primeru widgeti prikazujejo profile neposredno na vaši strani. Lahko jih prilagodljivo vstavite kjerkoli in obiskovalcem ponudijo neposreden pregled profilov, brez da bi zapustili vašo platformo. Integracija poteka enostavno preko JavaScripta, tako da se widget brezhibno ujema z obstoječo zasnovo vaše strani

Vdelava widgeta na vašo spletno stran poteka preko JavaScripta. S nekaj vrsticami kode lahko widget postavite na želeno mesto. Pri tem preprosto vstavite pripravljeno HTML oznako v HTML-kodo vaše strani


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

S ciljno implementacijo lahko natančno določite, kje na vaši spletni strani naj se prikaže widget ali druga vsebina. V ta namen se v HTML-kodo vstavi majhen DIV-kontejner, ki služi kot ciljna točka za widget. Preko JavaScripta se widget nato naloži in prikaže v tem kontejnerju


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

Ob vdelavi widgeta lahko konfigurirate različne parametre za prilagoditev prikaza in vsebine. Spodaj so pojasnjeni najpomembnejši parametri objekta P6Embed:

id: Določa, v katerem HTML-elementu se bo widget prikazal. Tukaj uporabite id DIV-kontejnerja, npr. target
ety: Določa tip ali kategorijo widgeta, npr. et1. Ta vrednost upravlja, katera vrsta prikaza se naloži
bsw: Določa širino widgeta v slikovnih pikah. Primer: 500 nastavi širino na 500px
bsh: Določa višino widgeta v slikovnih pikah. Primer: 600 nastavi višino na 600px
eun: Določa ime profila, ki naj bo prikazano v widgetu. Primer: 'PROFILE_NAME'
border: Določa vrsto okvirja widgeta. Primer: '1px solid #000' ustvari črn okvir debeline 1px

S temi parametri lahko widget prilagodite zasnovi in zahtevam vaše spletne strani. Po konfiguraciji se widget prikaže z uporabo metode .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();

S popolno implementacijo lahko widget na vaši spletni strani vključite v enem koraku. Najprej postavite ciljnega elementa, v katerega se bo widget naložil, nato pa dodate JavaScript kodo, ki inicializira widget. Tako se samodejno aktivirata prikaz in funkcionalnost, zato je widget takoj interaktiven. Ta način zagotavlja pravilno nalaganje widgeta in uporabo vseh konfiguriranih parametrov, kot so širina, višina, ime profila ali okvir


<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>

Widgeti

Za ponazoritev delovanja in možnosti prilagajanja widgetov so spodaj navedeni nekateri praktični primeri. Vsak primer prikaže, kako lahko widget izgleda na vaši spletni strani in kako različni parametri vplivajo na videz in obnašanje

Izrecno soglasje ni potrebno, saj naša platforma uporablja psevdonimizacijo podatkov. Osebni podatki niso neposredno shranjeni, kar ohranja anonimnost uporabnikov in onemogoča neposredno identifikacijo. Z vdelavo na zunanjih spletnih straneh poteka obdelava podatkov prav tako psevdonimizirano, kar varuje zasebnost uporabnikov

Widgeti

Widgeti

Mali widget

Primer:

Srednji widget

Primer:

Velik widget

Primer: