Widget

I widget sono piccoli elementi interattivi che mostrano determinati contenuti o funzioni sul tuo sito, senza necessità di programmazione complessa. Nel nostro caso i widget mostrano direttamente i profili sulla tua pagina. Possono essere integrati in modo flessibile in qualsiasi punto e offrono ai visitatori una panoramica diretta dei profili senza dover lasciare la tua piattaforma. L'integrazione avviene facilmente via JavaScript, così da far sì che il widget si integri perfettamente con il design esistente del tuo sito

L'inserimento del widget sul tuo sito avviene tramite JavaScript. Con poche righe di codice puoi posizionare il widget nel punto desiderato. Basta inserire semplicemente il tag HTML fornito nel codice HTML della tua pagina


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

Con l'implementazione target puoi determinare esattamente in quale punto del tuo sito web il widget o altri contenuti devono essere visualizzati. A tale scopo viene inserito un piccolo contenitore DIV nel codice HTML che funge da punto di destinazione per il widget. Tramite JavaScript, il widget viene poi caricato e mostrato all'interno di questo contenitore


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

Nell'inserimento del widget puoi configurare vari parametri per adattare visualizzazione e contenuto. Di seguito vengono spiegati i parametri più importanti dell’oggetto P6Embed:

id: Definisce in quale elemento HTML il widget viene visualizzato. Usa qui l’id del contenitore DIV, ad esempio target
ety: Definisce il tipo o la categoria del widget, ad esempio et1. Questo valore controlla quale tipo di visualizzazione viene caricata
bsw: Definisce la larghezza del widget in pixel. Esempio: 500 imposta la larghezza a 500px
bsh: Definisce l’altezza del widget in pixel. Esempio: 600 imposta l’altezza a 600px
eun: Definisce il nome profilo che verrà mostrato nel widget. Esempio: 'PROFILE_NAME'
border: Definisce il tipo di bordo del widget. Esempio: '1px solid #000' crea un bordo nero di 1px

Con questi parametri puoi adattare il widget in modo flessibile al design e alle esigenze del tuo sito. Dopo la configurazione il widget viene mostrato chiamando il metodo .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 l'implementazione completa puoi integrare il widget nel tuo sito in un solo passaggio. Per prima cosa posizioni l'elemento di destinazione in cui il widget deve essere caricato e poi inserisci il codice JavaScript che inizializza il widget. In questo modo sia la visualizzazione che la funzionalità sono attivate automaticamente, rendendo il widget immediatamente interattivo. Questo metodo assicura che il widget venga caricato correttamente e che tutti i parametri configurati come larghezza, altezza, nome profilo o bordo siano applicati


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

Widget

Per illustrare il funzionamento e le possibilità di personalizzazione dei widget, di seguito troverai alcuni esempi pratici. Ogni esempio mostra come può apparire il widget sul tuo sito e come diversi parametri influenzano l’aspetto e il comportamento

Non è necessario un consenso esplicito, poiché la nostra piattaforma utilizza la pseudonimizzazione dei dati. Le informazioni personali non vengono memorizzate direttamente, garantendo così l'anonimato degli utenti e impedendo un’identificazione diretta. Tramite l'inserimento su siti web esterni, anche il trattamento dei dati avviene in modo pseudonimizzato, proteggendo così la privacy degli utenti

Widget

Widget

Widget piccolo

Esempio:

Widget medio

Esempio:

Widget grande

Esempio: