Ir para o conteúdo principal

Gerador de Código de Incorporação

Adicione um widget de votação Society Speaks ao seu artigo em minutos. Desenvolvedores obtêm um iframe limpo e controles de customização. Editores obtêm insights estruturados, não ruído de comentários.

Referência de API Contato

Embeds estão disponíveis para discussões nativas do Society Speaks.

Checklist de implementação

  • Confirme que seu domínio está na lista de permissões
  • Gere o iframe abaixo
  • Adicione redimensionamento automático para uma UX perfeita

Use o Portal de Parceiros para integração em produção

Crie suas chaves de teste, verifique domínios e ative chaves ativas a partir do <a href="/for-publishers/portal/signup" class="underline">Portal de Parceiros</a>. Para escala, use a API para criar discussões e armazene o ID da discussão retornado no seu CMS. Veja o <a href="/for-publishers/api" class="underline">Referência de API</a> para o fluxo programático.

Para desenvolvedores

Um iframe leve, parâmetros previsíveis e hooks de redimensionamento postMessage.

Para editores

Participação estruturada, sinais claros de consenso e metodologia auditável.

Para públicos

Vote em segundos, veja com quem o público se alinha e explore análises mais profundas.

Fluxo em escala

1) Buscar por URL do artigo, 2) criar se não existir, 3) armazenar ID da discussão.

O que é um ID de discussão?

Um identificador único retornado pela API quando uma discussão é criada ou encontrada.

Nenhuma discussão ainda?

Chame POST /api/partner/discussions para criar uma, então incorpore imediatamente.

1. Encontre Sua Discussão

ou

Retornado pela API quando uma discussão é criada ou encontrada.

2. Escolha um Tema

Ou customize as cores:

3. Adicione Sua Referência (Opcional)

Usado para análise. Minúsculas, sem espaços.

Pré-visualizar

Digite um ID de discussão ou procure uma URL de artigo para ver a visualização

Código de Embed

<!-- Digite um ID de discussão para gerar código de embed -->

Snippet de Redimensionamento Automático

<script>
window.addEventListener('message', (event) => {
  if (event.data && event.data.type === 'societyspeaks:embed:resize') {
    const iframe = document.getElementById('societyspeaks-embed');
    if (iframe) iframe.style.height = event.data.height + 'px';
  }
});
</script>

Dicas de Desempenho

<link rel="preconnect" href="https://societyspeaks.io">
<link rel="dns-prefetch" href="https://societyspeaks.io">

Dicas

  • Defina a largura do iframe para 100% para embeds responsivos
  • A altura padrão é 600px; ajuste com base na contagem de declarações
  • Adicione ref para rastrear participação do seu site
  • O embed posta sua altura via postMessage para dimensionamento dinâmico
  • Adicione o snippet de redimensionamento automático para evitar barras de rolagem
  • Use dicas de preconexão para acelerar a primeira pintura