iFrame Widgetek

Az iFrame-widgetek kis, interaktív elemek, amelyek bizonyos tartalmakat vagy funkciókat jelenítenek meg a weboldalán, anélkül, hogy bonyolult programozásra lenne szükség. Esetünkben ezek az iFrame-widgetek közvetlenül az Ön oldalán mutatják be a profilokat. Szabadon, tetszőleges helyeken beilleszthetők, és látogatói számára közvetlen áttekintést nyújtanak a profilokról anélkül, hogy el kellene hagyniuk az Ön platformját. A beágyazás JavaScript-en keresztül történik, így az iFrame-widgetek zökkenőmentesen illeszkednek a weboldal meglévő dizájnjába. Az iFrame-ek használatával biztosított, hogy a tartalmak függetlenül töltődnek be az oldal többi részétől, miközben biztonságos és egyszerű megvalósítást garantálnak

A widget beágyazása a weboldalán JavaScript segítségével történik. Néhány sor kóddal elhelyezheti a widgetet a kívánt helyen. Ehhez egyszerűen beilleszti a biztosított HTML-címtagot az oldal HTML-kódjába


    <script src="https://sta-cdn.paid.sex/public/ept.latest.js"></script>

A Target-implementációval pontosan meghatározhatja, hogy a weboldal mely pontján jelenjen meg a widget vagy egyéb tartalom. Ehhez egy kis DIV-konténert helyeznek el a HTML-kódban, amely a widget célpontjaként szolgál. JavaScript segítségével ezután a widget ebbe a konténerbe töltődik be és jelenik meg


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

A widget beágyazásakor 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, mely HTML-elemen jelenik meg a widget. Itt a DIV konténer azonosítóját használja, pl. target
ety: Meghatározza a widget típusát vagy kategóriáját, pl. et1. Ez az érték vezérli, hogy milyen jellegű megjelenítés töltődik be
bsw: Meghatározza a widget szélességét pixelben. Példa: 500 a szélességet 500px-re állítja
bsh: Meghatározza a widget magasságát pixelben. Példa: 600 a magasságot 600px-re állítja
eun: Meghatározza a profilnevet, amely megjelenik a widgetben. Példa: 'PROFILE_NAME'
border: Meghatározza a widget keret típusát. Példa: '1px solid #000' fekete, 1 pixel vastagságú keretet hoz létre

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


    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 implementációval egy lépésben ágyazhatja be a widgetet a weboldalán. Először elhelyezi a cél elemet, ahova a widget betöltődik, majd hozzáadja a JavaScript-kódot, amely inicializálja a widgetet. Így a megjelenítés és a funkcionalitás automatikusan aktiválódik, és a widget azonnal interaktívvá válik. Ez a módszer biztosítja, hogy a widget helyesen töltődjön be, és minden konfigurált paraméter, mint a 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>

Minden példa

A widgetek működését és testreszabási lehetőségeit bemutató gyakorlati példák találhatók alább. Minden példa megmutatja, hogyan nézhet ki a widget az Ön weboldalán, és miként 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 álnéven kezeli az adatokat. Személyes információk közvetlenül nem kerülnek tárolásra, így a felhasználók anonimak maradnak és közvetlen azonosításuk nem lehetséges. Külső weboldalakon történő beágyazás esetén az adatfeldolgozás szintén álnéven történik, ezzel védve a felhasználók magánszféráját

iFrame Widgetek

Minden példa

Kis widget

Példa:

Közepes widget

Példa:

Nagy widget

Példa: