Widgetek

A widgetek kis, interaktív elemek, amelyek meghatározott tartalmakat vagy funkciókat jelenítenek meg weboldalán anélkül, hogy bonyolult programozásra lenne szükség. Esetünkben a widgetek a profilokat közvetlenül az Ön oldalán jelenítik meg. Rugalmasan bárhol beilleszthetők, és a látogatóknak közvetlen áttekintést nyújtanak a profilokról anélkül, hogy el kellene hagyniuk a platformját. Az integráció egyszerű JavaScript-tel történik, így a widget zökkenőmentesen illeszkedik weboldala meglévő dizájnjába

A widget beillesztése a weboldalára JavaScript használatával történik. Néhány sor kóddal elhelyezheti a widgetet a kívánt helyen. Egyszerűen illessze be a biztosított HTML-címkét az oldal HTML-kódjába


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

Célzott megvalósítással pontosan meghatározhatja, hogy weboldalán hol jelenjen meg a widget vagy más tartalom. Ehhez egy kis DIV-konténert helyeznek el a HTML-kódban, amely célpontként szolgál a widget számára. A widgetet ezt követően JavaScript segítségével töltik be és jelenítik meg ebben a konténerben


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

A widget beillesztésekor különböző paramétereket állíthat be a megjelenés és a tartalom testreszabásához. Az alábbiakban a P6Embed objektum legfontosabb paramétereit ismertetjük:

id: Meghatározza, melyik HTML-elemen jelenik meg a widget. Itt használja a DIV-konténer id-jét, pl. target
ety: Meghatározza a widget típusát vagy kategóriáját, pl. et1. Ez az érték szabályozza, hogy milyen típusú megjelenítés töltődik be
bsw: Meghatározza a widget szélességét pixelekben. Példa: 500 a szélességet 500px-re állítja
bsh: Meghatározza a widget magasságát pixelekben. Példa: 600 a magasságot 600px-re állítja
eun: Meghatározza a megjelenítendő profilnevet a widgetben. Példa: 'PROFILE_NAME'
border: Meghatározza a widget keretstílusát. Példa: '1px solid #000' 1px vastag fekete keretet hoz létre

Ezekkel a paraméterekkel rugalmasan igazíthatja a widgetet weboldala dizájnjához és követelményeihez. A konfiguráció után a widget a .render() metódus meghívásával jelenik meg:


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

A teljes megvalósítással a widget egy lépésben integrálható a weboldalára. Először elhelyezi a cél elemet, ahová a widget betöltődik, majd hozzáadja a JavaScript-kódot, amely inicializálja a widgetet. Így automatikusan aktiválódik mind a megjelenés, mind a funkcionalitás, így a widget azonnal interaktívan elérhetővé válik. Ez a módszer biztosítja, hogy a widget helyesen töltődjön be, és minden konfigurált paraméter, például szélesség, magasság, profilnév vagy keret alkalmazásra kerüljön


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

Widgetek

A widgetek működésének és testreszabási lehetőségeinek bemutatásához alább néhány gyakorlati példát talál. Minden példa megmutatja, hogyan nézhet ki a widget a weboldalán, és hogyan befolyásolják a különböző paraméterek a megjelenést és a viselkedést

Kifejezett hozzájárulás nem szükséges, mivel platformunk álnevesíti az adatokat. Személyes információkat nem tárolunk közvetlenül, így a felhasználók anonimitása megmarad, és nincs közvetlen azonosítási lehetőség. Külső weboldalakon való beillesztés esetén az adatok feldolgozása szintén álnevesítve történik, megőrizve a felhasználók magánszféráját

Widgetek

Widgetek

Kis widget

Példa:

Közepes widget

Példa:

Nagy widget

Példa: