Widgets

Les widgets sont de petits éléments interactifs qui affichent certains contenus ou fonctions sur votre site web sans besoin d’une programmation complexe. Dans notre cas, les widgets affichent directement les profils sur votre page. Ils peuvent être intégrés de manière flexible à n’importe quel endroit et offrent aux visiteurs une vue directe des profils sans quitter votre plateforme. L’intégration se fait simplement via JavaScript, de sorte que le widget s’intègre parfaitement au design existant de votre site

L'intégration du widget sur votre site web se fait via JavaScript. En quelques lignes de code, vous pouvez placer le widget à l'endroit souhaité. Il suffit d'insérer la balise HTML fournie dans le code HTML de votre page


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

Avec l’implémentation ciblée, vous pouvez définir précisément l’endroit où le widget ou d’autres contenus doivent être affichés sur votre site web. Un petit conteneur DIV est inséré dans le code HTML, qui sert de point cible pour le widget. Ensuite, le widget est chargé et affiché dans ce conteneur via JavaScript


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

Lors de l’intégration du widget, vous pouvez configurer différents paramètres pour adapter l’apparence et le contenu. Les principaux paramètres de l’objet P6Embed sont expliqués ci-dessous :

id : Définit dans quel élément HTML le widget est affiché. Utilisez ici l’id du conteneur DIV, par exemple target
ety : Définit le type ou la catégorie du widget, par exemple et1. Cette valeur contrôle quel type d’affichage est chargé
bsw : Définit la largeur du widget en pixels. Exemple : 500 fixe la largeur à 500px
bsh : Définit la hauteur du widget en pixels. Exemple : 600 fixe la hauteur à 600px
eun : Définit le nom du profil à afficher dans le widget. Exemple : 'PROFILE_NAME'
border : Définit le style de bordure du widget. Exemple : '1px solid #000' crée une bordure noire de 1px d’épaisseur

Avec ces paramètres, vous pouvez adapter le widget de manière flexible au design et aux besoins de votre site. Après configuration, le widget s’affiche en appelant la méthode .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();

Avec l’implémentation complète, vous pouvez intégrer le widget en une seule étape sur votre site web. Pour cela, placez d'abord l’élément cible dans lequel le widget doit être chargé, puis ajoutez le code JavaScript qui initialise le widget. Ainsi, à la fois l'affichage et les fonctionnalités sont activés automatiquement, rendant le widget immédiatement interactif. Cette méthode garantit que le widget est correctement chargé et que tous les paramètres configurés tels que la largeur, la hauteur, le nom du profil ou la bordure sont appliqués


<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

Pour illustrer le fonctionnement et les possibilités de personnalisation des widgets, vous trouverez ci-dessous quelques exemples pratiques. Chaque exemple montre comment le widget peut apparaître sur votre site et comment les différents paramètres influencent l’apparence et le comportement

Un consentement explicite n’est pas nécessaire, car notre plateforme utilise une pseudonymisation des données. Les informations personnelles ne sont pas directement stockées, ce qui garantit l’anonymat des utilisateurs et empêche toute identification directe. L’intégration sur des sites web externes se fait également de manière pseudonymisée, protégeant ainsi la vie privée des utilisateurs

Widgets

Widgets

Petit widget

Exemple :

Widget moyen

Exemple :

Grand widget

Exemple :