Agregue Socialjuice a React o Next.js
Conserve las URL para insertar y cargue los scripts del navegador una vez en un componente reutilizable.
Actualizado
Panel actual de Socialjuice con datos de ejemplo. Las etiquetas siguen el idioma de tu panel.
Comience con su propio fragmento
Cree y guarde el widget en los widgets del sitio web o copie el fragmento del formulario de colección de Formularios de colección. Conserve cada URL, parámetro de consulta, ID de espacio, ID de widget y filtro. Un ID de ejemplo de otro sitio mostrará el contenido de otra persona.
Construir el componente
- Coloque el iframe en un componente en la ubicación prevista. Convierta atributos HTML a equivalentes de React, como className y enableFullScreen. Dale al iframe un título descriptivo.
- Mantenga la inicialización solo del navegador en el cliente. En Next.js, siga las convenciones de script y de componente cliente de su proyecto.
- Si el fragmento proporcionado utiliza un asistente de cambio de tamaño, cargue ese script externo una vez. Inicialice solo después de que existan tanto el iframe auxiliar como el de destino.
- Limpie los controladores de cambio de tamaño cuando el componente se desmonte y evite ID duplicados o inicializaciones al navegar entre rutas.
- Mantenga el marco receptivo dentro de su padre. Para un formulario de recopilación, conserve los permisos de cámara y micrófono proporcionados y utilice HTTPS.
Verificar navegación y móvil
Pruebe la carga de la página inicial y la navegación de ida y vuelta. Compruebe que el iframe no se inicialice dos veces y que la página no se desplace horizontalmente. Un formulario de recopilación también debe tener un enlace normal de apertura en una pestaña nueva para los navegadores que bloquean la grabación incrustada.
Utilice las instrucciones de inserción del agente en el panel y elija React/Next.js para una transferencia que contenga el fragmento exacto. No instale scripts de datos estructurados dentro del iframe; esos pertenecen a la página de host.