Widget de son de clic
Donnez à chaque clic sur votre site un son doux et une onde, avec une ligne de code. Choisissez un son et une couleur, essayez dans le cadre, puis copiez le code dans votre page.
Tout se passe dans votre navigateur. Rien de ce que vous tapez, cliquez, filmez ou dites n’est envoyé ni enregistré.
Comment l’ajouter
- Choisissez un son, une couleur d’onde et une taille, et cliquez dans le cadre pour essayer.
- Appuyez sur Copier et collez le code dans votre page, juste avant
</body>. - C’est tout : chaque clic et chaque toucher sur la page joue le son et dessine une onde.
Bon à savoir
- C’est un petit script, chargé depuis clacky.app. Pas de cookies, pas de suivi, rien n’est collecté.
- Les navigateurs n’autorisent le son qu’après un clic ou un toucher, c’est-à-dire exactement quand il joue.
- Les personnes qui ont activé « Réduire les animations » n’ont pas d’onde, et les sons sont discrets par défaut.
- Un petit lien « Clicks by Clacky » est placé dans un coin. C’est lui qui garde le widget gratuit, alors merci de le laisser.
Où il a sa place
Portfolios, landing pages ludiques, jeux, sites pour enfants, démos. Sans doute pas sur la page de paiement de votre banque.
Questions
Comment ajouter des sons de clic à mon site web ?
Choisissez un son ici, copiez le code d’une ligne et collez-le dans votre page avant </body>. Chaque clic joue alors le son et affiche une onde.
Est-ce que ça marche avec Webflow, Framer, WordPress ou Squarespace ?
Oui, partout où vous pouvez ajouter du code personnalisé à la page : collez le code dans le réglage « code personnalisé » ou « code de pied de page » du site.
Le widget suit-il mes visiteurs ?
Non. Il ne dépose aucun cookie et n’envoie rien nulle part. Les navigateurs de vos visiteurs téléchargent seulement le fichier du script.
Puis-je retirer le lien « Clicks by Clacky » ?
C’est ce lien qui garde le widget gratuit, alors merci de le garder. S’il jure avec votre design, écrivez-nous à hello@clacky.app.
Plus d’outils gratuits
- Test clavierAppuyez sur chaque touche, voyez ce qui marche.
- Test sourisChaque bouton, la molette et le double-clic.
- Test CPSClics par seconde, de 1 à 60 s.
- Test webcamVotre caméra, sa résolution et ses fps.
- Test microNiveau en direct, forme d’onde, 5 s de réécoute.
- Test pixels mortsCouleurs plein écran pour les pixels défectueux.
- Quelle est ma résolution d’écran ?Résolution, échelle Retina, viewport, Hz.
- Symboles du clavier Mac⌘ ⌥ ⇧ ⌃ : noms, clic pour copier.
- Test de débit internetTéléchargement, envoi et ping en Mbit/s.
- Générateur de sons de clicÉcoutez 37 sons de clic, téléchargez un WAV.
- Créateur d’ondes de clicUne capture en entrée, un GIF ou une vidéo de clics en sortie.
- Cadre pour capture d’écranCadres fenêtre Mac, MacBook ou iPhone pour vos captures.
- Test de frappe