クリック音ウィジェット
コード 1 行で、Web サイトのすべてのクリックにやさしい音と波紋を。音と色を選んで、ボックスの中で試してから、スニペットをページにコピーしてください。
すべてブラウザの中で動きます。入力、クリック、撮影、話した内容がアップロードや保存されることはありません。
追加のしかた
- 音、波紋の色、サイズを選び、ボックスの中をクリックして試します。
- コピー を押して、スニペットをページの
</body>の直前に貼り付けます。 - これで完了:ページ上のすべてのクリックとタップで音が鳴り、波紋が出ます。
知っておきたいこと
- clacky.app から読み込む小さなスクリプト 1 つだけです。Cookie なし、トラッキングなし、何も収集しません。
- ブラウザは、誰かがクリックやタップをしたあとにしか音を鳴らせません。それがまさに音が鳴るタイミングです。
- 「視差効果を減らす」をオンにしている人には波紋は出ず、音はデフォルトで控えめに鳴ります。
- 隅に小さな「Clicks by Clacky」リンクが入ります。これがウィジェットを無料に保っているので、残しておいてください。
向いている場所
ポートフォリオ、遊び心のあるランディングページ、ゲーム、子ども向けサイト、デモ。銀行の決済ページにはたぶん向きません。
よくある質問
Web サイトにクリック音を付けるには?
ここで音を選び、1 行のスニペットをコピーして、ページの </body> の前に貼り付けます。それだけで、クリックのたびに音が鳴り波紋が出ます。
Webflow、Framer、WordPress、Squarespace でも使えますか?
はい。ページにカスタムコードを追加できる場所ならどこでも使えます。サイトのカスタムコードやフッターコードの設定にスニペットを貼り付けてください。
ウィジェットは訪問者をトラッキングしますか?
いいえ。Cookie は使わず、どこにも何も送りません。訪問者のブラウザはスクリプトファイルをダウンロードするだけです。
「Clicks by Clacky」リンクは消せますか?
このリンクがウィジェットを無料に保っているので、残しておいてください。デザインに合わない場合は hello@clacky.app までご連絡ください。
ほかの無料ツール
- キーボードテストキーを押して、反応を確認。
- マウステストすべてのボタン、ホイール、ダブルクリック。
- CPS テスト1 秒あたりのクリック数、1〜60 秒。
- Web カメラテストカメラの映像、解像度、fps。
- マイクテストリアルタイムのレベル、波形、5 秒録音。
- ドット抜けチェック全画面カラーで不良ドットを発見。
- 画面解像度の確認解像度、Retina 倍率、ビューポート、Hz。
- Mac のキーボード記号⌘ ⌥ ⇧ ⌃:名前付き、クリックでコピー。
- インターネット速度テスト下り・上り・Ping を Mbps で。
- クリック音ジェネレーター37 種のクリック音を試聴して WAV で保存。
- クリック波紋メーカースクショを入れて、クリック GIF や動画に。
- スクリーンショット枠スクショに Mac ウインドウ・MacBook・iPhone の枠を。
- タイピングテスト