clacky

點擊音效小工具

只要一行程式碼,讓你網站上的每次點擊都有柔和的聲音和漣漪。選一個聲音和顏色,在框裡試試看,然後把程式碼片段拷貝到你的頁面裡。

一切都在你的瀏覽器裡執行。你打的字、點擊、拍攝或說的話,都不會上傳或儲存。

怎麼加入

  1. 選一個聲音、漣漪顏色和大小,在框裡點一下試試看。
  2. 按 拷貝,把程式碼片段貼到你的頁面裡,放在 </body> 前面。
  3. 就這樣:頁面上的每次點擊和輕點都會播放聲音並畫出漣漪。

值得知道

  • 它只是一個小小的腳本,從 clacky.app 載入。沒有 Cookie,沒有追蹤,不收集任何東西。
  • 瀏覽器只允許在有人點擊或輕點之後播放聲音,而這正是它播放的時機。
  • 開啟「減少動態效果」的人不會看到漣漪,聲音預設也播得很輕。
  • 角落有一個小小的「Clicks by Clacky」連結。正是它讓這個小工具維持免費,所以請保留它。

適合哪裡

作品集、有趣的到達頁、遊戲、兒童網站、展示頁。大概不適合你銀行的結帳頁面。

常見問題

怎麼幫我的網站加上點擊音效?

在這裡選一個聲音,拷貝那一行程式碼片段,貼到頁面的 </body> 前面。之後每次點擊都會播放聲音並顯示漣漪。

支援 Webflow、Framer、WordPress 或 Squarespace 嗎?

支援,只要能在頁面加入自訂程式碼就可以:把程式碼片段貼到網站的自訂程式碼或頁尾程式碼設定裡。

這個小工具會追蹤我的訪客嗎?

不會。它不設定任何 Cookie,也不會把任何東西傳到任何地方。訪客的瀏覽器只會下載這個腳本檔。

可以拿掉「Clicks by Clacky」連結嗎?

這個連結讓小工具維持免費,所以請保留它。如果它和你的設計衝突,請寫信到 hello@clacky.app 告訴我們。

更多免費工具