iFrame-widgetit

iFrame-widgetit ovat pieniä, vuorovaikutteisia elementtejä, jotka esittävät tiettyä sisältöä tai toimintoja verkkosivustollasi ilman monimutkaista ohjelmointia. Tapauksessamme nämä iFrame-widgetit näyttävät profiilit suoraan sivullasi. Voit sijoittaa ne joustavasti haluamiisi kohtiin, ja ne tarjoavat kävijöillesi suoran näkymän profiileihin ilman, että heidän tarvitsee poistua alustaltasi. Upotus tapahtuu JavaScriptin avulla, mikä takaa, että iFrame-widgetit integroituvat saumattomasti sivustosi olemassa olevaan ulkoasuun. iFramejen käyttö varmistaa, että sisältö ladataan erillään muusta sivun rakenteesta ja samalla toteutetaan turvallinen ja helppo upotustapa

Widgetin upottaminen verkkosivustollesi tapahtuu JavaScriptin avulla. Muutamalla koodirivillä voit sijoittaa widgetin haluamaasi kohtaan. Lisää vain annettu HTML-tagi sivusi HTML-koodiin


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

Target-toteutuksella voit määrittää tarkasti, mihin kohtaan verkkosivustollasi widget tai muu sisältö näytetään. HTML-koodiin lisätään pieni DIV-kontti, joka toimii widgetin kohdepisteenä. JavaScriptin avulla widget ladataan sitten tähän konttiin ja näytetään siellä


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

Widgetin upotuksessa voit määrittää erilaisia parametreja ulkoasun ja sisällön säätämiseksi. Alla selitetään tärkeimmät P6Embed-objektin parametrit:

id: Määrittää, missä HTML-elementissä widget näytetään. Käytä tässä DIV-kontin id:tä, esim. target
ety: Määrittää widgetin tyypin tai kategorian, esim. et1. Tämä arvo ohjaa, millainen näyttö ladataan
bsw: Määrittää widgetin leveyden pikseleinä. Esimerkki: 500 asettaa leveyden 500 px
bsh: Määrittää widgetin korkeuden pikseleinä. Esimerkki: 600 asettaa korkeuden 600 px
eun: Määrittää profiilin nimen, joka näytetään widgetissä. Esimerkki: 'PROFILE_NAME'
border: Määrittää widgetin kehyksen tyylin. Esimerkki: '1px solid #000' luo mustan 1 px vahvuisen kehyksen

Näiden parametrien avulla voit mukauttaa widgetiä joustavasti verkkosivustosi ulkoasuun ja vaatimuksiin. Kun parametrit on määritelty, widget näytetään kutsumalla .render()-metodia:


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

Täydellisellä toteutuksella voit upottaa widgetin verkkosivustollesi yhdellä kertaa. Aseta ensin kohdeelementti, johon widget ladataan, ja lisää sitten JavaScript-koodi, joka alustaa widgetin. Näin sekä ulkoasu että toiminnallisuus aktivoituvat automaattisesti, ja widget on välittömästi vuorovaikutteisesti käytettävissä. Tämä menetelmä varmistaa, että widget ladataan oikein ja kaikki määritellyt parametrit, kuten leveys, korkeus, profiilinimi tai kehys, otetaan käyttöö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>

Kaikki esimerkit

Widgetien toiminnallisuutta ja muokkausmahdollisuuksia havainnollistaaksemme alla on joitain käytännön esimerkkejä. Jokainen esimerkki näyttää, miltä widget voi näyttää verkkosivustollasi ja miten eri parametrit vaikuttavat ulkoasuun ja käyttäytymiseen

Erillistä suostumusta ei vaadita, koska alustamme käyttää tietojen pseudonymisointia. Henkilökohtaisia tietoja ei tallenneta suoraan, mikä säilyttää käyttäjien anonymiteetin eikä mahdollista suoraa tunnistamista. Kun widget upotetaan ulkopuolisille verkkosivuille, tietojen käsittely tapahtuu myös pseudonymisoidusti, jolloin käyttäjien yksityisyys säilyy suojattuna

iFrame-widgetit

Kaikki esimerkit

Pieni widget

Esimerkki:

Keskikokoinen widget

Esimerkki:

Suuri widget

Esimerkki: