설정
SDK 위젯
위젯 커스터마이즈
yoursite.com
다크 모드 지원 요청
계획됨
2시간 전
12
모바일 앱 위젯 개선
검토 중
2시간 전
8
알림 설정 커스터마이즈
진행 중
2시간 전
5
피드백
변경기록
추천 색상
위젯 버튼, 강조에 사용됩니다.
이 색상은 흰색 텍스트와의 대비가 부족합니다 (WCAG AA). 대비율:
위젯 버튼 옆에 팝오버로 표시됩니다. (최대 80자)
저장되었습니다
위젯 설치 가이드
Step 1. 스크립트 태그 추가
</body> 태그 바로 앞에 붙여넣으세요.
<script src="https://townhall.team/sdk.js" data-key="pk_8913c022699070d82f678cd9796e89636a1deb1aad6f3ccd"></script>Step 2. 사용자 식별 (선택)
서비스의 회원 정보와 연동하려면 identify()를 호출하세요.
<script>
TownHall.identify({
id: "사용자 고유 ID (필수)",
email: "이메일 (필수)",
name: "이름 (필수)",
avatarURL: "프로필 이미지 URL (선택)",
created: "가입일 ISO 8601 (선택)"
});
</script>호출하지 않으면 서비스의 회원 정보와 연동되지 않습니다.
아래 프롬프트를 AI 코딩 도구에 붙여넣으세요.
Cursor, Claude Code, ChatGPT 등 어디서든 사용할 수 있습니다.
우리 웹사이트에 TownHall 피드백 위젯을 설치해줘.
## 1. SDK 스크립트 추가
아래 스크립트 태그를 </body> 바로 앞에 추가해:
<script src="https://townhall.team/sdk.js" data-key="pk_8913c022699070d82f678cd9796e89636a1deb1aad6f3ccd"></script>
## 2. 사용자 식별 (선택)
로그인된 사용자가 있다면, 스크립트 태그 아래에 다음 코드를 추가해.
현재 로그인한 사용자의 실제 정보로 값을 교체해줘:
<script>
TownHall.identify({
id: "사용자 고유 ID (필수)",
email: "이메일 (필수)",
name: "이름 (필수)",
avatarURL: "프로필 이미지 URL (선택, 없으면 제거)",
created: "가입일 ISO 8601 (선택, 없으면 제거)"
});
</script>