Herramientas

Widget de Prueba de Mecanografía Integrable

Añade una prueba de mecanografía en vivo a cualquier sitio web con una línea de HTML.

Palabras
0
Caracteres
0
Sin espacios
0
Oraciones
0
Párrafos
0
Tiempo de lectura
0 min
Long. media palabra
0
Palabras únicas
0

Cómo Integrar el Widget de Prueba de Mecanografía

Configura tus ajustes preferidos usando los controles de arriba, luego haz clic en Copiar código de integración. Pega el código iframe en cualquier página HTML: la prueba de mecanografía se ejecutará completamente dentro del iframe sin ninguna configuración adicional.

Qué Incluye el Widget

  • Motor completo de prueba de mecanografía: modos de palabras, tiempo y citas
  • Visualización en vivo de PPM y precisión durante la prueba
  • Pantalla de resultados detallada con gráfico de PPM
  • Los 16 temas, seleccionables mediante parámetro de URL
  • Controles de dificultad y modificadores (puntuación, números)
  • API postMessage: obtén resultados de la prueba en el JavaScript de tu propia página

API postMessage

Cuando un usuario completa una prueba dentro del widget integrado, se dispara un evento message en la ventana padre:

window.addEventListener('message', function(e) {
  if (e.data && e.data.type === 'tt_result') {
    console.log(e.data.wpm);      // PPM neto
    console.log(e.data.accuracy); // precisión %
    console.log(e.data.mode);     // "words" | "time" | "quote"
  }
});

Personalización mediante Parámetros de URL

  • theme — cualquier nombre de tema: dark, light, monokai, solarized, etc.
  • modewords | time | quote
  • count — recuento de palabras (modo palabras) o segundos (modo tiempo): 10, 25, 50, 100
  • modifiers — separados por comas: punctuation, numbers

Backlinks

El pie del widget incluye un enlace "Funciona con TypingTest.now". Este es un backlink ligero que ayuda a mantener el sitio gratuito; por favor, déjalo en su lugar.

Más en TypingTest.now

Preguntas frecuentes

¿Cómo añado una prueba de mecanografía a mi página web?

Configura el modo, el tema y el recuento de palabras con los controles del generador, pulsa Copiar código de integración y pega el iframe resultante en el HTML de tu página. No hace falta JavaScript adicional, registro ni clave de API: la prueba completa se ejecuta dentro del iframe y funciona en cualquier CMS que acepte HTML, incluido WordPress.

¿El widget de mecanografía es gratuito para uso comercial?

Sí, el widget puede integrarse gratuitamente en blogs, webs educativas y sitios comerciales. La única condición es conservar el pequeño enlace «Funciona con TypingTest.now» del pie del widget, que ayuda a mantener el servicio gratuito. Todos los temas, modos y modificadores de dificultad están disponibles sin coste ni límites de uso.

¿Puedo capturar los resultados de la prueba desde mi propia página?

Sí. Cuando un visitante termina una prueba, el widget envía un evento postMessage a la ventana padre con el PPM neto, la precisión y el modo utilizado. Basta con añadir un detector de eventos message en tu JavaScript para recibir esos datos y usarlos en clasificaciones propias, seguimiento de alumnos o cualquier otra integración.