병원 홈페이지에 AI 상담 플로팅 버튼을 간편하게 추가하세요
우측 하단의 플로팅 버튼을 확인하세요
</body> 태그 바로 위에 붙여넣으세요.<!-- 원장톡AI 위젯 -->
<script>
(function() {
var config = {
hospitalId: 'YOUR_HOSPITAL_ID',
specialty: 'dental',
lang: 'ko',
position: 'bottom-right',
color: '#2563eb'
};
var btn = document.createElement('div');
btn.id = 'doctortalk-widget';
btn.innerHTML = '💬';
btn.style.cssText = 'position:fixed;bottom:24px;right:24px;width:60px;height:60px;' +
'background:linear-gradient(135deg,' + config.color + ',#7c3aed);' +
'border-radius:50%;display:flex;align-items:center;justify-content:center;' +
'font-size:1.5rem;cursor:pointer;z-index:99999;' +
'box-shadow:0 8px 24px rgba(37,99,235,0.4);transition:transform 0.3s;';
btn.onmouseenter = function() { btn.style.transform = 'scale(1.1)'; };
btn.onmouseleave = function() { btn.style.transform = 'scale(1)'; };
btn.onclick = function() {
window.open(
'https://doctortalk-ai.vercel.app/chat.html?specialty=' +
config.specialty + '&hospital=' + config.hospitalId + '&lang=' + config.lang,
'DoctorTalkAI', 'width=400,height=700'
);
};
document.body.appendChild(btn);
})();
</script>
| 옵션 | 설명 | 기본값 |
|---|---|---|
hospitalId | 병원 고유 ID | 필수 |
specialty | 진료과 (dental/dermatology/veterinary/orthopedics/ent/ophthalmology) | general |
lang | 기본 언어 (ko/en/zh/ja/vi/th/ru/ar) | ko |
position | 버튼 위치 | bottom-right |
color | 버튼 메인 색상 | #2563eb |