Widgety

Widgety sú malé, interaktívne prvky, ktoré zobrazujú určité obsahy alebo funkcie na vašej webovej stránke bez potreby zložitého programovania. V našom prípade widgety priamo zobrazujú profily na vašej stránke. Môžu byť flexibilne vložené na ľubovoľné miesto a poskytujú návštevníkom priamy prehľad o profilo[email protected], bez nutnosti opustiť vašu platformu. Integrácia prebieha jednoducho pomocou JavaScriptu, takže widget hladko zapadne do existujúceho dizajnu vašej stránky

Integrácia widgetu na vašej webovej stránke prebieha cez JavaScript. Pomocou niekoľkých riadkov kódu môžete widget umiestniť na požadované miesto. Stačí, ak vložíte poskytnutý HTML tag do HTML kódu vašej stránky


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

S implementáciou na základe cieľa (Target) môžete presne určiť, kde na vašej webovej stránke sa widget alebo iný obsah zobrazí. Do HTML kódu sa vloží malý DIV kontajner, ktorý slúži ako cieľové miesto pre widget. Následne sa widget cez JavaScript načíta a zobrazí práve v tomto kontajneri


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

Pri integrácii widgetu môžete nakonfigurovať rôzne parametre pre prispôsobenie zobrazenia a obsahu. Nižšie sú vysvetlené najdôležitejšie parametre objektu P6Embed:

id: Určuje, v ktorom HTML prvku sa widget zobrazí. Použite tu id DIV kontajnera, napr. target
ety: Definuje typ alebo kategóriu widgetu, napr. et1. Táto hodnota riadi, aký typ zobrazenia sa načíta
bsw: Určuje šírku widgetu v pixeloch. Príklad: 500 nastaví šírku na 500px
bsh: Určuje výšku widgetu v pixeloch. Príklad: 600 nastaví výšku na 600px
eun: Nastavuje názov profilu, ktorý sa zobrazí vo widgete. Príklad: 'PROFILE_NAME'
border: Definuje typ rámčeka widgetu. Príklad: '1px solid #000' vytvorí čierny rámček 1px

S týmito parametrami môžete widget flexibilne prispôsobiť dizajnu a požiadavkám vašej webovej stránky. Po konfigurácii sa widget zobrazí zavolaním metódy .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();

Pri úplnej implementácii môžete widget na vašej webovej stránke začleniť jedným krokom. Najskôr umiestnite cieľový prvok, do ktorého sa widget načíta, a potom vložte JavaScriptový kód, ktorý widget inicializuje. Týmto spôsobom sa automaticky aktivujú zobrazenie i funkčnosť, takže widget je hneď interaktívne dostupný. Táto metóda zaručuje správne načítanie widgetu a aplikovanie všetkých nakonfigurovaných parametrov, ako sú šírka, výška, názov profilu či rámček


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

Widgety

Aby sme ilustrovali funkčnosť a možnosti prispôsobenia widgetov, uvádzame nižšie niekoľko praktických príkladov. Každý príklad ukazuje, ako môže widget na vašej stránke vyzerať a ako rôzne parametre ovplyvňujú vzhľad a správanie

Výslovný súhlas nie je potrebný, pretože naša platforma používa pseudonymizáciu údajov. Osobné údaje nie sú ukladané priamo, čím sa zachováva anonymita používateľov a nie je možná priama identifikácia. Pri integrácii na externých webových stránkach prebieha spracovanie údajov tiež pseudonymizovane, čím je zabezpečené súkromie používateľov

Widgety

Widgety

Malý widget

Príklad:

Stredný widget

Príklad:

Veľký widget

Príklad: