Any Website
아래 코드를 <head> 또는 <body> 끝에 추가하세요.
기본 설치
<script>
window.DF_WIDGET_CONFIG = {
identifier: "YOUR_CHATBOT_IDENTIFIER",
apiBase: "https://your-app.com",
theme: "light",
language: "ko"
};
</script>
<script async src="https://your-app.com/widget.js"></script>
고급 옵션(선택)
<script>
window.DF_WIDGET_CONFIG = {
identifier: "YOUR_CHATBOT_IDENTIFIER",
apiBase: "https://your-app.com",
autoOpen: false,
theme: "light",
language: "ko",
ui: {
position: "bottom-right",
primary_color: "#000000",
button_text: "AI 도우미",
shadow_enabled: true
},
metadata: function() {
return {
user_id: "USER_123",
plan: "pro",
url: window.location.href,
title: document.title
};
},
context: function() {
return {
page_type: "product",
category: "electronics"
};
}
};
</script>
<script async src="https://your-app.com/widget.js"></script>