點擊音效小工具
只要一行程式碼,讓你網站上的每次點擊都有柔和的聲音和漣漪。選一個聲音和顏色,在框裡試試看,然後把程式碼片段拷貝到你的頁面裡。
一切都在你的瀏覽器裡執行。你打的字、點擊、拍攝或說的話,都不會上傳或儲存。
怎麼加入
- 選一個聲音、漣漪顏色和大小,在框裡點一下試試看。
- 按 拷貝,把程式碼片段貼到你的頁面裡,放在
</body>前面。 - 就這樣:頁面上的每次點擊和輕點都會播放聲音並畫出漣漪。
值得知道
- 它只是一個小小的腳本,從 clacky.app 載入。沒有 Cookie,沒有追蹤,不收集任何東西。
- 瀏覽器只允許在有人點擊或輕點之後播放聲音,而這正是它播放的時機。
- 開啟「減少動態效果」的人不會看到漣漪,聲音預設也播得很輕。
- 角落有一個小小的「Clicks by Clacky」連結。正是它讓這個小工具維持免費,所以請保留它。
適合哪裡
作品集、有趣的到達頁、遊戲、兒童網站、展示頁。大概不適合你銀行的結帳頁面。
常見問題
怎麼幫我的網站加上點擊音效?
在這裡選一個聲音,拷貝那一行程式碼片段,貼到頁面的 </body> 前面。之後每次點擊都會播放聲音並顯示漣漪。
支援 Webflow、Framer、WordPress 或 Squarespace 嗎?
支援,只要能在頁面加入自訂程式碼就可以:把程式碼片段貼到網站的自訂程式碼或頁尾程式碼設定裡。
這個小工具會追蹤我的訪客嗎?
不會。它不設定任何 Cookie,也不會把任何東西傳到任何地方。訪客的瀏覽器只會下載這個腳本檔。
可以拿掉「Clicks by Clacky」連結嗎?
這個連結讓小工具維持免費,所以請保留它。如果它和你的設計衝突,請寫信到 hello@clacky.app 告訴我們。