Widgets

Los widgets son elementos pequeños e interactivos que muestran determinados contenidos o funciones en su sitio web sin necesidad de una programación compleja. En nuestro caso, los widgets muestran los perfiles directamente en su página. Se pueden integrar de forma flexible en cualquier lugar y ofrecen a los visitantes una vista directa de los perfiles sin que tengan que salir de su plataforma. La integración se realiza fácilmente mediante JavaScript, de modo que el widget encaja perfectamente en el diseño existente de su sitio web

La integración del widget en su sitio web se realiza mediante JavaScript. Con pocas líneas de código, puede colocar el widget en el lugar deseado. Para ello, simplemente inserte la etiqueta HTML proporcionada en el código HTML de su página


    <script src="https://static-edge-p6.cdn.es-infra.net/public/ept.latest.js"></script>

Con la implementación de objetivo puede determinar exactamente en qué lugar de su sitio web se debe mostrar el widget u otros contenidos. Para ello, se inserta un pequeño contenedor DIV en el código HTML que sirve como punto objetivo para el widget. A través de JavaScript, el widget luego se carga y muestra en este contenedor


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

Al integrar el widget puede configurar diferentes parámetros para ajustar la presentación y el contenido. A continuación se explican los parámetros principales del objeto P6Embed:

id: Define en qué elemento HTML se mostrará el widget. Use aquí el id del contenedor DIV, por ejemplo, target
ety: Define el tipo o categoría del widget, por ejemplo, et1. Este valor controla qué tipo de visualización se carga
bsw: Define el ancho del widget en píxeles. Ejemplo: 500 establece el ancho a 500px
bsh: Define la altura del widget en píxeles. Ejemplo: 600 establece la altura a 600px
eun: Define el nombre del perfil que se mostrará en el widget. Ejemplo: 'PROFILE_NAME'
border: Define el tipo de borde del widget. Ejemplo: '1px solid #000' crea un borde negro con un grosor de 1px

Con estos parámetros puede adaptar el widget de manera flexible al diseño y a los requisitos de su sitio web. Después de configurar, el widget se muestra llamando al método .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();

Con la implementación completa puede integrar el widget en su sitio web en un solo paso. Para ello, primero coloque el elemento objetivo en el que se debe cargar el widget y luego agregue el código JavaScript que inicializa el widget. De esta manera, tanto la presentación como la funcionalidad se activan automáticamente, por lo que el widget está disponible de forma interactiva de inmediato. Este método garantiza que el widget se cargue correctamente y que se apliquen todos los parámetros configurados, como ancho, alto, nombre de perfil o marco


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

Widgets

Para ilustrar el funcionamiento y las opciones de personalización de los widgets, a continuación encontrará algunos ejemplos prácticos. Cada ejemplo muestra cómo puede aparecer el widget en su sitio web y cómo diferentes parámetros influyen en la apariencia y el comportamiento

No se requiere un consentimiento explícito ya que nuestra plataforma utiliza la seudonimización de los datos. La información personal no se almacena directamente, lo que garantiza el anonimato de los usuarios y que no sea posible una identificación directa. Al integrarse en sitios web externos, el procesamiento de los datos también se realiza de forma seudonimizada, lo que protege la privacidad de los usuarios

Widgets

Widgets

Widget pequeño

Ejemplo:

Widget mediano

Ejemplo:

Widget grande

Ejemplo: