iFrame Widgets

iFrame уиджетите са малки, интерактивни елементи, които представят определено съдържание или функции на вашия уебсайт, без да е необходима сложна програмиране. В нашия случай тези iFrame уиджети показват профилите директно на вашата страница. Те могат да се вграждат гъвкаво на всяко място и предлагат на вашите посетители директен преглед на профили, без да трябва да напускат вашата платформа. Вграждането става чрез JavaScript, което дава възможност iFrame уиджетите да се интегрират безпроблемно в съществуващия дизайн на вашия уебсайт. Чрез използване на iFrame се гарантира, че съдържанието се зарежда независимо от останалата структура на страницата и същевременно се осигурява сигурна и лесна имплементация

Вграждането на уиджета във вашия уебсайт става чрез JavaScript. С няколко реда код можете да поставите уиджета на желаното място. Просто добавете предоставения HTML таг в HTML кода на вашата страница


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

С имплементацията с Target можете точно да определите къде на вашия уебсайт да се показва уиджетът или друго съдържание. За това в HTML кода се вмъква малък DIV контейнер, който служи като целева точка за уиджета. Чрез JavaScript уиджетът се зарежда и показва в този контейнер


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

При вграждането на уиджета можете да конфигурирате различни параметри за адаптиране на визуализацията и съдържанието. По-долу са описани най-важните параметри на обекта P6Embed:

id: Определя в кой HTML елемент да се показва уиджетът. Използвайте id на DIV контейнера, например target
ety: Дефинира типа или категорията на уиджета, например et1. Тази стойност контролира какъв тип показване се зарежда
bsw: Определя ширината на уиджета в пиксели. Пример: 500 задава ширина от 500px
bsh: Определя височината на уиджета в пиксели. Пример: 600 задава височина от 600px
eun: Определя името на профила, който да се показва в уиджета. Пример: 'PROFILE_NAME'
border: Дефинира стила на рамката на уиджета. Пример: '1px solid #000' създава черна рамка с дебелина 1px

С тези параметри можете да настроите уиджета гъвкаво според дизайна и изискванията на вашия уебсайт. След конфигурацията уиджетът се показва чрез извикване на метода .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();

С пълната имплементация можете да интегрирате уиджета във вашия уебсайт на един етап. Първо поставяте целевия елемент, в който ще се зарежда уиджетът, след което добавяте JavaScript кода, който инициализира уиджета. По този начин както визуализацията, така и функционалността се активират автоматично и уиджетът веднага е интерактивно достъпен. Този метод гарантира, че уиджетът се зарежда правилно и че всички конфигурирани параметри като ширина, височина, име на профила или рамка се прилагат


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

Всички примери

За да илюстрираме функционирането и възможностите за настройка на уиджетите, по-долу ще намерите няколко практични примера. Всеки пример показва как може да изглежда уиджетът на вашия уебсайт и как различните параметри влияят на външния вид и поведението му

Изричното съгласие не е необходимо, тъй като нашата платформа използва псевдонимизация на данните. Личните данни не се съхраняват директно, което запазва анонимността на потребителите и предотвратява директната им идентификация. При вграждането в външни уебсайтове обработката на данните също се извършва псевдонимизирано, като по този начин се защитава поверителността на потребителите

iFrame Widgets

Всички примери

Малък уиджет

Пример:

Среден уиджет

Пример:

Голям уиджет

Пример: