💻 集成代码示例
1. 基础集成
<script src="https://your-domain.com/widget/customer-service.js"></script>
<script>
// 获取当前项目的登录用户ID
const currentUserId = getCurrentProjectUserId(); // 你的项目函数
// 初始化客服系统
CustomerService.init({
apiUrl: 'https://your-chat-api.com/api',
siteKey: 'your-site-key',
externalUserId: currentUserId, // 关键参数：项目用户ID
position: 'bottom-right',
primaryColor: '#007bff'
});
</script>
2. 电商网站集成示例
<script>
// 电商网站集成示例
function initCustomerService() {
// 获取当前登录用户（可能是体验账号或正式账号）
const userId = getUserId() || 'demo@shop.com';
CustomerService.init({
apiUrl: 'https://chat.yoursite.com/api',
siteKey: 'shop_site_key_123',
externalUserId: userId,
position: 'bottom-right',
primaryColor: '#e74c3c',
welcomeMessage: '欢迎来到我们的商城！有什么问题请随时咨询。'
});
}
// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', initCustomerService);
</script>
3. SaaS系统集成示例
<script>
// SaaS系统集成示例
function initSaaSCustomerService() {
const userInfo = getCurrentUser();
CustomerService.init({
apiUrl: 'https://support.saas.com/api',
siteKey: 'saas_enterprise_key',
externalUserId: userInfo.email,
position: 'bottom-left',
primaryColor: '#2ecc71',
welcomeMessage: '您好！我是您的专属客服，随时为您解答问题。'
});
}
</script>