Уиджети

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

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


    <script src="https://static-edge-p6.cdn.es-infra.net/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>

Уиджети

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

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

Уиджети

Уиджети

Малък уиджет

Пример:

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

Пример:

Голям уиджет

Пример: