Ir al contenido principal

Embed Code Generator

Añade un widget de votación de Society Speaks a tu artículo en minutos. Los desarrolladores obtienen un iframe limpio y controles de personalización. Los editores obtienen información estructurada, no ruido de comentarios.

Referencia API Contacto

Los embeds están disponibles para discusiones nativas de Society Speaks.

Lista de verificación de implementación

  • Confirma que tu dominio está en la lista de permitidos
  • Genera el iframe a continuación
  • Añade redimensionamiento automático para una experiencia fluida

Usa el Partner Portal para onboarding en producción

Crea tus claves de prueba, verifica dominios y activa claves en vivo desde <a href="/for-publishers/portal/signup" class="underline">Portal de Socios</a>. Para escala, usa la API para crear discusiones y almacena el discussion ID retornado en tu CMS. Consulta <a href="/for-publishers/api" class="underline">Referencia API</a> para el flujo programático.

Para desarrolladores

Un iframe ligero, parámetros predecibles y hooks de redimensionamiento postMessage.

Para editores

Participación estructurada, señales de consenso claras y metodología auditable.

Para audiencias

Vota en segundos, ve dónde se alinea el público y explora análisis más profundos.

Flujo a escala

1) Búsqueda por URL de artículo, 2) crear si no existe, 3) almacenar discussion ID.

¿Qué es un discussion ID?

Un identificador único retornado por la API cuando se crea o encuentra una discusión.

¿Aún no hay discusión?

Llama a POST /api/partner/discussions para crear una, luego embed inmediatamente.

1. Encuentra Tu Discusión

o

Retornado por la API cuando se crea o encuentra una discusión.

2. Elige un Tema

O personaliza colores:

3. Añade tu Referencia (Opcional)

Se utiliza para análisis. Minúsculas, sin espacios.

Vista previa

Introduce un ID de debate o busca una URL de artículo para ver la vista previa

Código de Inserción

<!-- Introduce un ID de debate para generar el código de inserción -->

Fragmento de Redimensionamiento 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>

Consejos de Rendimiento

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

Sugerencias

  • Establece el ancho del iframe al 100% para inserciones responsivas
  • La altura predeterminada es 600px; ajusta según el número de declaraciones
  • Añade ref para rastrear la participación desde tu sitio
  • La inserción publica su altura a través de postMessage para un tamaño dinámico
  • Añade el fragmento de redimensionamiento automático para evitar barras de desplazamiento
  • Utiliza indicaciones de preconexión para acelerar la primera carga