Widget de sonido de clic
Dale a cada clic de tu web un sonido suave y una onda, con una línea de código. Elige un sonido y un color, pruébalo en el recuadro y copia el código en tu página.
Todo funciona en tu navegador. Nada de lo que escribes, haces clic, grabas o dices se sube ni se guarda.
Cómo añadirlo
- Elige un sonido, un color de onda y un tamaño, y haz clic en el recuadro para probarlo.
- Pulsa Copiar y pega el código en tu página, justo antes de
</body>. - Listo: cada clic y cada toque en la página reproduce el sonido y dibuja una onda.
Conviene saber
- Es un script pequeño que se carga desde clacky.app. Sin cookies, sin rastreo, no se recoge nada.
- Los navegadores solo permiten sonido después de que alguien haga clic o toque, que es justo cuando suena.
- Quien tenga activado «Reducir movimiento» no ve la onda, y los sonidos suenan bajitos por defecto.
- En una esquina hay un pequeño enlace «Clicks by Clacky». Es lo que mantiene el widget gratis, así que déjalo ahí, por favor.
Dónde encaja
Portfolios, landings divertidas, juegos, webs para niños, demos. Probablemente no en la página de pago de tu banco.
Preguntas
¿Cómo añado sonidos de clic a mi web?
Elige un sonido aquí, copia el código de una línea y pégalo en tu página antes de </body>. A partir de ahí, cada clic reproduce el sonido y muestra una onda.
¿Funciona con Webflow, Framer, WordPress o Squarespace?
Sí, en cualquier sitio donde puedas añadir código propio a la página: pega el código en el ajuste de código personalizado o de pie de página de la web.
¿El widget rastrea a mis visitantes?
No. No pone cookies ni envía nada a ningún sitio. Los navegadores de tus visitantes solo descargan el archivo del script.
¿Puedo quitar el enlace «Clicks by Clacky»?
El enlace es lo que mantiene el widget gratis, así que déjalo, por favor. Si choca con tu diseño, escríbenos a hello@clacky.app.
Más herramientas gratis
- Test de tecladoPulsa cada tecla y mira cuáles funcionan.
- Test de ratónTodos los botones, la rueda y el doble clic.
- Test de CPSClics por segundo, de 1 a 60 s.
- Test de webcamTu cámara, su resolución y sus fps.
- Test de micrófonoNivel en directo, onda y 5 s de grabación.
- Test de píxeles muertosColores a pantalla completa para ver píxeles.
- ¿Cuál es mi resolución de pantalla?Resolución, escala Retina, viewport, Hz.
- Símbolos del teclado Mac⌘ ⌥ ⇧ ⌃: nombres, clic para copiar.
- Test de velocidad de internetBajada, subida y ping en Mbps.
- Generador de sonidos de clicEscucha 37 sonidos de clic y descarga un WAV.
- Creador de ondas de clicEntra una captura, sale un GIF o vídeo de clics.
- Marco para capturasMarcos de ventana Mac, MacBook o iPhone para capturas.
- Test de escritura