클릭 사운드 위젯
코드 한 줄로 웹사이트의 모든 클릭에 부드러운 소리와 물결을. 소리와 색을 고르고 상자 안에서 직접 해 본 다음, 스니펫을 페이지에 복사하세요.
모든 것이 브라우저 안에서 실행돼요. 입력하고, 클릭하고, 찍고, 말한 것은 업로드되거나 저장되지 않아요.
추가하는 방법
- 소리, 물결 색상, 크기를 고르고 상자 안을 클릭해서 해 보세요.
- 복사를 누르고 스니펫을 페이지의
</body>바로 앞에 붙여 넣으세요. - 끝이에요. 페이지의 모든 클릭과 탭에서 소리가 나고 물결이 그려져요.
알아 두면 좋은 점
- clacky.app에서 불러오는 작은 스크립트 하나예요. 쿠키 없음, 추적 없음, 아무것도 수집하지 않아요.
- 브라우저는 누군가 클릭하거나 탭한 뒤에만 소리를 허용해요. 바로 그때 소리가 나요.
- “동작 줄이기”를 켠 사람에게는 물결이 나오지 않고, 소리는 기본적으로 작게 재생돼요.
- 구석에 작은 “Clicks by Clacky” 링크가 있어요. 이 링크 덕분에 위젯이 무료이니 그대로 두어 주세요.
어울리는 곳
포트폴리오, 재미있는 랜딩 페이지, 게임, 어린이용 사이트, 데모. 은행 결제 페이지에는 아마 안 어울릴 거예요.
자주 묻는 질문
웹사이트에 클릭 소리를 넣으려면?
여기서 소리를 고르고 한 줄짜리 스니펫을 복사해 페이지의 </body> 앞에 붙여 넣으세요. 그러면 클릭할 때마다 소리가 나고 물결이 보여요.
Webflow, Framer, WordPress, Squarespace에서도 되나요?
네, 페이지에 사용자 지정 코드를 넣을 수 있는 곳이면 어디든요. 사이트의 사용자 지정 코드나 푸터 코드 설정에 스니펫을 붙여 넣으세요.
위젯이 방문자를 추적하나요?
아니요. 쿠키를 쓰지 않고 어디로도 아무것도 보내지 않아요. 방문자의 브라우저는 스크립트 파일만 다운로드해요.
“Clicks by Clacky” 링크를 없앨 수 있나요?
이 링크 덕분에 위젯이 무료이니 그대로 두어 주세요. 디자인과 맞지 않으면 hello@clacky.app으로 알려 주세요.
무료 도구 더 보기
- 키보드 테스터모든 키를 눌러 작동 여부 확인.
- 마우스 테스트모든 버튼, 휠, 더블클릭까지.
- CPS 테스트초당 클릭 수, 1–60초.
- 웹캠 테스트카메라, 해상도, fps 확인.
- 마이크 테스트실시간 레벨, 파형, 5초 재생.
- 불량 화소 테스트전체 화면 색상으로 불량 화소 찾기.
- 내 화면 해상도는?해상도, Retina 배율, 뷰포트, Hz.
- Mac 키보드 기호⌘ ⌥ ⇧ ⌃: 이름 확인, 클릭해서 복사.
- 인터넷 속도 테스트Mbps 단위 다운로드, 업로드, 핑.
- 클릭 사운드 생성기클릭 소리 37종을 듣고 WAV로 다운로드.
- 클릭 물결 메이커스크린샷을 넣으면 클릭 GIF나 동영상으로.
- 스크린샷 프레임스크린샷용 Mac 창, MacBook, iPhone 프레임.
- 타이핑 테스트