¿Funciona en el móvil?

Sí. El marco se ajusta al ancho de la columna donde está, desde unos 150 px, así que en el móvil se estrecha junto al resto de la página. El sonido solo empieza cuando alguien toca el botón dentro del marco, los navegadores móviles no permiten nada antes de eso.

¿Tengo que añadir algún script?

No. Todo el fragmento es un iframe y un enlace debajo, sin ninguna etiqueta de script. Funciona incluso donde el CMS elimina los scripts del contenido.

¿Por qué hay un enlace debajo del marco?

Porque una marca de agua dentro de un iframe no cuenta como enlace para un buscador, un iframe no transmite valor de SEO. Un enlace visible debajo del marco es la única forma de que este widget realmente apunte a nuestra web, en vez de solo parecerlo.

¿Cómo quito la marca de agua?

Con una cuenta Pro. Sin cuenta, o con una cuenta Free, la marca de agua se queda siempre: es lo que mantiene la marca visible aunque alguien recorte el enlace.

¿Puedo cambiar los colores?

El marco tiene un tema claro y uno oscuro, elegido automáticamente según la configuración del sistema de quien visita (`theme=auto`), o fijado en la dirección. No hay paleta de colores personalizada.

El marco no guarda ningún dato personal, no pone cookies, no lee `localStorage`. Solo registramos que alguien usó el widget en un dominio concreto, sin la IP en claro, para saber qué páginas lo usan de verdad.

Metrónomo para insertar

Un metrónomo gratuito, listo para pegar en cualquier página. Es un iframe: nada que instalar, ninguna cuenta necesaria. Debajo del marco hay un pequeño enlace a eMusic.Tools, lo único que pide a cambio.

1.Copia el fragmento de abajo.
2.Pégalo en tu página (mira las instrucciones para tu plataforma).
3.Publica. El metrónomo y el enlace aparecen juntos.

<!-- eMusic Tools · metronome -->
<iframe src="https://emusic.tools/embed/metronome?v=1&lang=es&theme=auto&size=m" title="Metrónomo online gratis" width="100%" height="220" style="max-width:640px;border:0;border-radius:12px" loading="lazy" allow="autoplay"></iframe>
<p style="margin:6px 0 0;font:12px/1.4 system-ui,sans-serif">
  <a href="https://emusic.tools/es/tools/metronome?utm_source=embed&utm_medium=widget&utm_campaign=metronome">Metrónomo online gratis</a> by <a href="https://emusic.tools/?utm_source=embed&utm_medium=widget">eMusic Tools</a>
</p>

Más widgets

Una vista previa del conjunto completo de tarjetas. Por ahora solo el metrónomo de arriba tiene un fragmento listo para pegar, aquí puedes ver lo que viene después.

AfinadorAbrir Afinador

Cómo añadirlo

WordPress: añade un bloque de HTML personalizado donde quieras el metrónomo, pega el fragmento y previsualiza la página. El bloque acepta el iframe y el enlace de debajo tal cual.
Squarespace: arrastra un bloque de código, cámbialo a HTML y pega el fragmento. Squarespace ejecuta el marco en su propia zona aislada, así que se ve igual que aquí.
Wix: en el panel «Añadir», elige el elemento «Insertar widget» (HTML iframe) y pega el fragmento como código de inserción. Wix pide una altura fija, usa 220 px para el tamaño por defecto.
Ghost: añade una tarjeta HTML a la entrada o página y pega el fragmento, funciona en cuanto publicas.
Blogger: cambia el editor de la entrada a vista HTML (el icono de vista de código), pega el fragmento donde quieras y vuelve a «Redactar» para seguir escribiendo.
Notion y Google Sites: ambos aceptan un marco por dirección, no por HTML pegado. Usa solo la dirección del marco (el `src` del iframe) y omite el enlace de debajo, porque ningún editor de los dos te deja poner HTML normal junto a una inserción. La marca de agua se queda visible en ese caso: es lo que le dice a quien lee de dónde viene el widget cuando no hay enlace que pulsar.
HTML normal: pega el fragmento tal cual, dentro del body de la página.

Condiciones

Puedes insertar este widget en cualquier página, personal o comercial, de forma gratuita. En una cuenta Free, la marca de agua y el enlace bajo el marco se quedan siempre, es el precio de una herramienta gratuita. Podemos cambiar o retirar un widget, siempre con 30 días de aviso: una dirección con versión antigua (el `v=` en la URL) sigue funcionando aunque ya exista una más nueva. No garantizamos que el marco se vea igual en todos los navegadores ni que funcione sin interrupciones. ¿Algo no funciona o se ve mal en tu página? Escríbenos.

Preguntas

¿Funciona en el móvil?: Sí. El marco se ajusta al ancho de la columna donde está, desde unos 150 px, así que en el móvil se estrecha junto al resto de la página. El sonido solo empieza cuando alguien toca el botón dentro del marco, los navegadores móviles no permiten nada antes de eso.
¿Tengo que añadir algún script?: No. Todo el fragmento es un iframe y un enlace debajo, sin ninguna etiqueta de script. Funciona incluso donde el CMS elimina los scripts del contenido.
¿Por qué hay un enlace debajo del marco?: Porque una marca de agua dentro de un iframe no cuenta como enlace para un buscador, un iframe no transmite valor de SEO. Un enlace visible debajo del marco es la única forma de que este widget realmente apunte a nuestra web, en vez de solo parecerlo.
¿Cómo quito la marca de agua?: Con una cuenta Pro. Sin cuenta, o con una cuenta Free, la marca de agua se queda siempre: es lo que mantiene la marca visible aunque alguien recorte el enlace.
¿Puedo cambiar los colores?: El marco tiene un tema claro y uno oscuro, elegido automáticamente según la configuración del sistema de quien visita (`theme=auto`), o fijado en la dirección. No hay paleta de colores personalizada.
¿Y el RGPD?: El marco no guarda ningún dato personal, no pone cookies, no lee `localStorage`. Solo registramos que alguien usó el widget en un dominio concreto, sin la IP en claro, para saber qué páginas lo usan de verdad.

Metrónomo