Cómo insertar una simulación en WordPress

Si escribes un blog docente, llevas el sitio de tu departamento o publicas tareas en la web de un centro hecha con WordPress, puedes insertar una simulación en WordPress para que los lectores ejecuten un experimento en vivo dentro de la entrada. Hay dos formas de hacerlo: pegar el código para insertar en un bloque de HTML personalizado, o pegar el enlace de juego en una línea aparte y dejar que WordPress construya la inserción. Esta guía muestra ambas con Simulic, explica cuál elegir, cómo acertar con la altura y qué hacer cuando WordPress elimina el marco sin avisar. Termina con ideas de entradas de enseñanza que aprovechan bien una simulación.

Qué necesitas

• Una cuenta de docente de Simulic gratuita. Los lectores y los estudiantes nunca necesitan una.
• Un sitio de WordPress donde puedas editar entradas o páginas.
• Para el método del HTML personalizado, un rol de usuario al que se le permita guardar HTML como los iframes. En un sitio WordPress individual estándar, los Administradores y los Editores suelen poder; los Autores y los Colaboradores suelen no poder. Pregunta al administrador de tu sitio si no estás seguro.
• Una simulación y un enlace compartido para ella.

¿Qué método usar?

	Pegar el enlace de juego	Bloque de HTML personalizado
Esfuerzo	Pegar una línea	Pegar el código para insertar
Altura	La eligen WordPress y tu tema	La fijas tú
Preguntas bajo la simulación	Puede requerir desplazarse dentro del marco	El marco crece con el contenido, o subes la altura
Funciona con todos los roles de usuario	Normalmente	Solo los roles que pueden guardar HTML

Empieza con el enlace de juego. Si el resultado queda demasiado bajo, o el enlace se queda como enlace normal, cambia al bloque de HTML personalizado.

Paso 1: Crea un enlace compartido en Simulic

1. Abre la página de la simulación y haz clic en Compartir.
2. En la pestaña Simulación, fija los valores iniciales con los que deben empezar los lectores. Quedan guardados en el nuevo enlace.
3. Ve a la pestaña Enlaces compartidos. En Nuevo enlace, ponle al enlace el nombre de la entrada, por ejemplo "Blog · Entrada tablero de Galton", elige el Idioma y haz clic en Crear enlace.
4. En la tarjeta del enlace, haz clic en Copiar enlace para el método A, o abre Código para insertar y haz clic en Copiar código para insertar para el método B.

Usa un enlace distinto para cada entrada. Cada enlace guarda su propio recuento de partidas y sus propias respuestas, así que puedes ver qué entrada usan realmente los lectores.

Método A: Pega el enlace de juego (oEmbed)

Simulic admite oEmbed, el estándar que usa WordPress para convertir un enlace pegado en un marco insertado.

1. En el editor de entradas, pon el cursor en una línea nueva y vacía.
2. Pega el enlace de juego (tiene la forma https://simulic.com/p/…) solo, sin nada más en la línea.
3. Espera un momento. Si WordPress reconoce el enlace, muestra una vista previa de la simulación en el editor.
4. Previsualiza la entrada y luego publícala o actualízala.

Si el enlace se queda como texto simple, tu sitio o tu editor no creó la inserción. Eso depende de la configuración de WordPress, no del enlace. Usa entonces el método B.

El marco creado así tiene un tamaño fijo elegido por WordPress y tu tema. Eso va bien para una simulación sola. Si adjuntas preguntas al enlace, puede que el marco sea demasiado bajo para mostrarlas sin desplazarse.

Método B: Bloque de HTML personalizado

1. En el editor de bloques, añade un bloque de HTML personalizado (Custom HTML) donde deba aparecer la simulación (busca "Custom HTML" en el insertador de bloques).
2. Pega el código para insertar de Simulic.
3. Cambia el bloque a su vista previa para comprobar que la simulación carga.
4. Previsualiza toda la entrada y luego publícala o actualízala.

En el editor clásico, cambia el editor a su vista HTML (código) antes de pegar, y luego vuelve y guarda. Los nombres de los menús varían entre versiones de WordPress, temas y maquetadores de páginas, así que busca la opción que te permita editar HTML.

El código para insertar empieza con un iframe de 640 px de alto y termina con un pequeño script que hace crecer el marco con su contenido, más una línea "Simulation by Simulic". Cuando WordPress conserva el script, el marco cambia de tamaño solo al aparecer preguntas. Cuando lo elimina, el marco se queda en 640 px de alto:

• Solo la simulación: 640 px está bien.
• Con 2–3 preguntas: cambia height="640" por unos 850.
• Con 5 preguntas y predicciones: prueba 1000–1100.

Cuando WordPress elimina el iframe

Si la entrada se ve bien en el editor pero falta la simulación después de guardar, algo eliminó el iframe. Las causas habituales:

• Tu rol de usuario. WordPress elimina iframes y scripts de los usuarios que no tienen permiso para publicar HTML sin filtrar. En redes multisitio, a menudo solo puede el superadministrador de la red. Pide a un administrador que pegue el código por ti, o usa el método A.
• Un plugin de seguridad o un maquetador de páginas que filtra el HTML. Revisa sus ajustes para iframes o inserciones, o pregunta a quien gestione el sitio.
• Un plan de alojamiento que limita el código personalizado. Algunos planes de WordPress alojado no permiten iframes ni scripts en las entradas.

Si solo se elimina el script, la simulación sigue funcionando. Solo tienes que subir la altura como se indicó arriba.

Ideas de blog docente que funcionan

Una simulación convierte una entrada en algo que los estudiantes ya no solo leen, sino que ponen a prueba. Algunos formatos que funcionan:

• Problema de la semana. Una pregunta, una simulación, respuestas recogidas en el enlace.
• Página de repaso por unidad. Tres o cuatro simulaciones, cada una con una tarea de una línea.
• Clase invertida. Una explicación breve, una simulación con preguntas de predicción y luego "trae tu respuesta a clase".
• Explicación para las familias. "Esto es lo que hicimos hoy en clase", con la misma simulación que usaron los estudiantes.

Aquí tienes una entrada de problema de la semana en acción, con la simulación del tablero de Galton:

En la pantalla Introducción, las bolas caen por 12 filas de clavos y rebotan a la derecha con probabilidad 0,5 en cada clavo. Pide a los lectores que predigan qué casilla recibe más bolas antes de pulsar Soltar 100 bolas. La teoría dice que la casilla central (k = 6) recibe en torno al 22,6 % de las bolas, las tres casillas centrales juntas en torno al 61 %, y cada casilla de los extremos solo en torno al 0,02 %, más o menos 1 bola de cada 4096. En la pantalla Laboratorio, pon p = 0,7: el máximo se desplaza a k = 8,4 aproximadamente, la media de 12 × 0,7.

Preguntas para el enlace (arma el conjunto en la pestaña Preguntas de la página para compartir):

• Predicción (sin puntuar): "¿Qué casilla recogerá más bolas?" Respuesta esperada: la central, k = 6.
• Número: "¿Qué porcentaje aproximado de bolas cae en la casilla 6?" Respuesta 22,6, tolerancia ± 1,5, unidad %.
• Texto corto: "¿Por qué llegan tan pocas bolas a las casillas de los extremos?" Respuesta de ejemplo: una bola tiene que rebotar hacia el mismo lado en los 12 clavos, y solo un camino de cada 4096 lo hace.

Pide a los estudiantes solo un apodo o el nombre de pila. Ves las respuestas en la tarjeta del enlace y puedes descargarlas como CSV. Para una guía completa, lee recoger respuestas de los estudiantes sin cuentas. Para ideas más allá de la probabilidad, consulta actividades interactivas de matemáticas.

Solución de problemas

El marco sale en blanco

Abre directamente el enlace de juego. Si falla solo en los equipos del centro, un filtro web está bloqueando simulic.com. Si funciona directamente, revisa el HTML de la entrada: si la línea del iframe ya no está, consulta más arriba la sección sobre iframes eliminados.

El marco dice que el enlace no está disponible o ha caducado

"Este enlace de Simulic ya no está disponible" significa que el enlace está desactivado: haz clic en Activar enlace en la página para compartir. "Este enlace de Simulic ha caducado" significa que se fijó un último día en las Opciones de Pro; cámbialo o bórralo.

La simulación se corta por abajo

Sube height en el bloque de HTML personalizado, o pasa del método A al método B.

Para otras plataformas, consulta la guía para insertar una simulación en tu LMS y la página de ayuda para insertar de la aplicación.

Preguntas frecuentes

¿La simulación insertada crea cookies en mi sitio de WordPress?

No. La inserción no crea cookies y sigue funcionando cuando los navegadores bloquean las cookies de terceros.

¿Pueden los lectores sin cuenta usar la simulación?

Sí. Nadie necesita una cuenta para jugar una simulación. Si adjuntas preguntas, los lectores escriben un apodo para responder.

¿Por qué pegar el enlace funciona en un sitio de WordPress pero no en otro?

Las inserciones automáticas dependen de la configuración de WordPress del sitio, de sus plugins y de su editor. Cuando el enlace se queda como texto simple, usa un bloque de HTML personalizado.

¿Puedo insertar la misma simulación en varias entradas?

Sí. Crea un enlace por entrada para que las partidas y las respuestas queden separadas.

¿Se romperá la inserción si cambio el conjunto de preguntas más adelante?

No. El código para insertar sigue siendo el mismo. Los cambios que hagas en la página para compartir aparecen en la entrada automáticamente.