Triển khai Widget
Thời gian: 2–4 giờ | Độ khó: Trung bình | Vai trò: Web Admin/Developer
🎯 Mục Tiêu
Triển khai widget trò chuyện lên website an toàn, ổn định
🔍 Bước 1: Xác nhận yêu cầu (15’)
Trang nào hiển thị? (help, docs, toàn site)
Đối tượng nào? (public/enrolled)
Kết quả: Phạm vi triển khai
🧪 Bước 2: Kiểm thử cục bộ (20’)
Thêm script vào dev/staging
Kiểm tra hiển thị, streaming, console logs
Kết quả: Widget hoạt động trên staging
🧭 Bước 3: Cấu hình hiển thị (15’)
Display Rules: isVisible, priority, conditions
Widget Appearance: màu, vị trí, kích thước
Kết quả: Cấu hình UX phù hợp
🔐 Bước 4: Kiểm tra bảo mật (20’)
Token phiên, domain cho phép
Không log dữ liệu nhạy cảm
Kết quả: Checklist bảo mật ok
🧰 Bước 5: Tối ưu hiệu năng (20’)
Defer script, giảm block render
Giảm kích thước bundle (nếu có)
Kết quả: PageSpeed ổn định
🔗 Bước 6: Tích hợp analytics (15’)
Sự kiện mở/tắt widget, gửi tin
Gắn tag/ID để theo dõi
Kết quả: Báo cáo hành vi người dùng
📦 Bước 7: Triển khai production (20’)
Merge cấu hình → release
Xác nhận hiển thị trên CDN/prod
Kết quả: Widget chạy production
📋 Bước 8: Kiểm thử sau triển khai (30’)
Thiết bị, trình duyệt khác nhau
Trường hợp mạng yếu/đứt
Kết quả: Báo cáo QA
🧯 Bước 9: Kênh hỗ trợ (10’)
Thiết lập kênh tiếp nhận lỗi/feedback nhanh
Quy trình rollback nếu cần
Kết quả: Phương án dự phòng
📊 Bước 10: Theo dõi & tối ưu (liên tục)
Usage, thời gian phản hồi, tỉ lệ lỗi
Điều chỉnh rules/appearance
Kết quả: UX cải tiến dần
✅ Checklist
🔗 Tài Liệu Liên Quan
Live Chat Widget (../feature-guides/10-LIVE-CHAT-WIDGET.md)
Display Rules (../feature-guides/05-DISPLAY-RULES.md)
Widget Appearance (../feature-guides/06-WIDGET-APPEARANCE.md)
Last updated