Виджеты

Виджеты — небольшие интерактивные элементы, которые показывают определенный контент или функции на вашем сайте без необходимости сложного программирования. В нашем случае виджеты отображают профили непосредственно на вашей странице. Их можно гибко размещать в любых местах, предоставляя посетителям прямой обзор профилей без необходимости покидать вашу платформу. Интеграция происходит просто с помощью 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>

Виджеты

Чтобы продемонстрировать работу и возможности настройки виджетов, ниже приведены несколько практических примеров. Каждый пример показывает, как виджет может выглядеть на вашем сайте и как различные параметры влияют на внешний вид и поведение

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

Виджеты

Виджеты

Маленький виджет

Пример:

Средний виджет

Пример:

Большой виджет

Пример: