Widgets

Widgets são pequenos elementos interativos que exibem determinados conteúdos ou funcionalidades no seu site, sem necessidade de programação complexa. No nosso caso, os widgets mostram os perfis diretamente na sua página. Eles podem ser inseridos flexivelmente em qualquer lugar e oferecem aos visitantes uma visão direta dos perfis, sem que precisem sair da sua plataforma. A integração é feita facilmente via JavaScript, garantindo que o widget se ajuste perfeitamente ao design existente do seu site

A incorporação do widget no seu site é feita via JavaScript. Com poucas linhas de código, você pode posicionar o widget no local desejado. Para isso, basta inserir a tag HTML fornecida no código HTML da sua página


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

Com a implementação de destino, você pode determinar exatamente onde no seu site o widget ou outros conteúdos devem ser exibidos. Para isso, é inserido um pequeno container DIV no código HTML, que servirá como ponto-alvo para o widget. Via JavaScript, o widget é então carregado e exibido dentro desse container


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

Ao incorporar o widget, você pode configurar diversos parâmetros para ajustar a aparência e o conteúdo. A seguir, são explicados os principais parâmetros do objeto P6Embed:

id: Define em qual elemento HTML o widget será exibido. Use aqui o id do container DIV, por exemplo, target
ety: Define o tipo ou categoria do widget, por exemplo, et1. Esse valor determina qual tipo de exibição será carregada
bsw: Define a largura do widget em pixels. Exemplo: 500 define a largura como 500px
bsh: Define a altura do widget em pixels. Exemplo: 600 define a altura como 600px
eun: Define o nome do perfil que será exibido no widget. Exemplo: 'PROFILE_NAME'
border: Define o tipo de borda do widget. Exemplo: '1px solid #000' cria uma borda preta com 1px de espessura

Com esses parâmetros, você pode adaptar o widget de forma flexível ao design e às necessidades do seu site. Após a configuração, o widget é exibido chamando o 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();

Com a implementação completa, você pode incorporar o widget no seu site em uma única etapa. Para isso, você primeiro posiciona o elemento-alvo onde o widget deve ser carregado e, em seguida, adiciona o código JavaScript que inicializa o widget. Dessa forma, tanto a aparência quanto a funcionalidade são ativadas automaticamente, tornando o widget imediatamente interativo. Este método garante que o widget seja carregado corretamente e que todos os parâmetros configurados, como largura, altura, nome do perfil ou borda, sejam aplicados


<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 o funcionamento e as possibilidades de personalização dos widgets, apresentamos a seguir alguns exemplos práticos. Cada exemplo mostra como o widget pode aparecer no seu site e como diferentes parâmetros influenciam a aparência e o comportamento

Não é necessário um consentimento explícito, pois nossa plataforma utiliza pseudonimização dos dados. Informações pessoais não são armazenadas diretamente, garantindo o anonimato dos usuários e impossibilitando a identificação direta. Ao incorporar em sites externos, o processamento dos dados também ocorre de forma pseudonimizada, protegendo a privacidade dos usuários

Widgets

Widgets

Widget pequeno

Exemplo:

Widget médio

Exemplo:

Widget grande

Exemplo: