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