clacky

クリック音ウィジェット

コード 1 行で、Web サイトのすべてのクリックにやさしい音と波紋を。音と色を選んで、ボックスの中で試してから、スニペットをページにコピーしてください。

すべてブラウザの中で動きます。入力、クリック、撮影、話した内容がアップロードや保存されることはありません。

追加のしかた

  1. 音、波紋の色、サイズを選び、ボックスの中をクリックして試します。
  2. コピー を押して、スニペットをページの </body> の直前に貼り付けます。
  3. これで完了:ページ上のすべてのクリックとタップで音が鳴り、波紋が出ます。

知っておきたいこと

  • clacky.app から読み込む小さなスクリプト 1 つだけです。Cookie なし、トラッキングなし、何も収集しません。
  • ブラウザは、誰かがクリックやタップをしたあとにしか音を鳴らせません。それがまさに音が鳴るタイミングです。
  • 「視差効果を減らす」をオンにしている人には波紋は出ず、音はデフォルトで控えめに鳴ります。
  • 隅に小さな「Clicks by Clacky」リンクが入ります。これがウィジェットを無料に保っているので、残しておいてください。

向いている場所

ポートフォリオ、遊び心のあるランディングページ、ゲーム、子ども向けサイト、デモ。銀行の決済ページにはたぶん向きません。

よくある質問

Web サイトにクリック音を付けるには?

ここで音を選び、1 行のスニペットをコピーして、ページの </body> の前に貼り付けます。それだけで、クリックのたびに音が鳴り波紋が出ます。

Webflow、Framer、WordPress、Squarespace でも使えますか?

はい。ページにカスタムコードを追加できる場所ならどこでも使えます。サイトのカスタムコードやフッターコードの設定にスニペットを貼り付けてください。

ウィジェットは訪問者をトラッキングしますか?

いいえ。Cookie は使わず、どこにも何も送りません。訪問者のブラウザはスクリプトファイルをダウンロードするだけです。

「Clicks by Clacky」リンクは消せますか?

このリンクがウィジェットを無料に保っているので、残しておいてください。デザインに合わない場合は hello@clacky.app までご連絡ください。

ほかの無料ツール