মূল বৈশিষ্ট্য

ফাইল স্ট্রাকচার

modules/livechat/
├── LiveChat.php          (Main class - 128 methods)
├── admin-livechat.php    (Admin panel - this file)
├── livechat.tpl          (Widget template)
├── livechat.js           (Widget JS - visitor facing)
├── config.php            (Configuration)
└── assets/
    ├── notification.mp3
    └── widget.css

অনুরোধ প্রবাহ

┌─────────────┐     ┌──────────────┐     ┌─────────────┐
│  Widget JS   │────▶│  AJAX Handler │────▶│  LiveChat   │
│  (Browser)   │◀────│  (PHP)       │◀────│  Class      │
└─────────────┘     └──────────────┘     └──────┬──────┘
                                                 │
┌─────────────┐     ┌──────────────┐            │
│  Admin Panel │────▶│  SSE Stream  │◀───────────┘
│  (This page) │◀────│  (Real-time) │     ┌──────┴──────┐
└─────────────┘     └──────────────┘     │  Database    │
                                          │  (12 tables) │
                                          └─────────────┘

রিয়েল-টাইম যোগাযোগ

লাইভ আপডেটের জন্য সার্ভার-প্রেরিত ইভেন্ট (SSE) ব্যবহার করে। অ্যাডমিন প্যানেল নিম্নলিখিত ক্ষেত্রে স্থায়ী SSE সংযোগ বজায় রাখে:

• লাইভ দর্শনার্থীর সংখ্যা এবং স্থিতির আপডেট
• নতুন বার্তার বিজ্ঞপ্তি
• সারি পরিবর্তন
• পোলিং ফলব্যাকের মাধ্যমে সূচক টাইপ করা

প্রমাণীকরণ

সেশন-ভিত্তিক পিএইচপি প্রমাণীকরণের মাধ্যমে অ্যাডমিন প্রমাণীকরণ। উইজেট সেশন ধারাবাহিকতার জন্য ভিজিটর ফিঙ্গারপ্রিন্টিং (ব্রাউজার হ্যাশ + আইপি + কুকি) ব্যবহার করে।

উইজেট-ফেসিং অ্যাকশন (১৮)

অ্যাডমিন-ফেসিং অ্যাকশন (37)

ইন্টিগ্রেশন কোড

<script src="/modules/livechat/livechat.js"></script>
<script>
  WeSellMachines.LiveChat.init({
    position: 'bottom-right',
    primaryColor: '#3498db',
    greeting: 'Need help? Chat with us!',
    offlineMessage: 'We are offline. Leave a message!'
  });
</script>

সমর্থিত ভাষা (৩৫)

en, de, fr, es, it, nl, pl, pt, ja, zh, ko, ru, ar, tr, sv, no, fi, da, cs, hu, ro, bg, el, hr, sk, sl, lt, lv, et, uk, sr, he, th, vi, id

জাভাস্ক্রিপ্ট এপিআই

// Open chat programmatically
WeSellMachines.LiveChat.open();

// Send automatic message  
WeSellMachines.LiveChat.sendMessage('How can I help?');

// Track custom event
WeSellMachines.LiveChat.trackEvent('viewed_listing', {id: 1234});

// Set visitor info
WeSellMachines.LiveChat.setVisitor({name: 'John', email: 'john@example.com'});

তারিখের পরিসর

আজ, ৭/৩০/৯০ দিনের রেঞ্জ সমর্থন করে। সমস্ত ডেটা সার্ভার-সাইডে ক্যাশিং সহ একত্রিত করা হয়েছে।

সাব-ট্যাব

• সংক্ষিপ্ত বিবরণ: ৬টি KPI, ট্রেন্ড লাইন, ঘন্টাভিত্তিক বার, চ্যানেল, গুণমান, রেফারার, ফানেল, নতুন/রিটার্নিং, চ্যাট মেট্রিক্স
• কথোপকথন: মিসড চ্যাট সতর্কতা, প্রতিক্রিয়া সময় বিতরণ, সময়কাল, CSAT প্রবণতা, চ্যাট উৎস, বার্তা বিষয়
• দর্শনার্থী: ডিভাইসের ধরণ, ভাষা, দেশ, পিক আওয়ার হিটম্যাপ (৭×২৪ গ্রিড)
• কর্মক্ষমতা: ব্রাউজার, অপারেটিং সিস্টেম, বার চার্ট সহ স্ক্রিন রেজোলিউশন
• কন্টেন্ট: পৃষ্ঠার ধরণ, প্রবেশ/প্রস্থান পৃষ্ঠা, চ্যাট-উত্পাদক পৃষ্ঠা, সাজানো/ফিল্টার/অনুসন্ধান সহ পূর্ণ পৃষ্ঠার সারণী

ডেটা ফিল্টার

বট ট্র্যাফিক ডিফল্টভাবে বাদ দেওয়া হয়েছে। অভ্যন্তরীণ আইপি সেটিংসে কনফিগার করা যাবে। সমস্ত চার্ট প্রতিক্রিয়াশীল ক্যানভাস সহ Chart.js ব্যবহার করে।

1. ফাইল আপলোড করুন থেকে modules/livechat/
2. কনফিগার করুন config.php ডাটাবেস শংসাপত্র সহ
3. সেটআপ চালান — প্রথম লোডে স্বয়ংক্রিয়ভাবে তৈরি টেবিল
4. উইজেট যোগ করুন — অন্তর্ভুক্ত livechat.js তোমার টেমপ্লেটে
5. SSE কনফিগার করুন — সার্ভার ইভেন্টসোর্স সমর্থন করে তা নিশ্চিত করুন
6. পরীক্ষা — অ্যাডমিন প্যানেল খুলুন এবং সংযোগ যাচাই করুন

config.php সেটিংস

V5 — বর্তমান

• ৫টি সাব-ট্যাব এবং হিটম্যাপ সহ উন্নত বিশ্লেষণ
• রিয়েল-টাইম অনুবাদ (৩৫টি ভাষা)
• বট ম্যানেজমেন্ট সিস্টেম
• নিষ্ক্রিয়তা বৃদ্ধির শৃঙ্খল
• ছুটির সময়সূচী
• নজরকাড়া উইজেট

ভি৪

• কথোপকথনের প্রসঙ্গ প্যানেল
• অনুসন্ধানের সাথে ক্যানড প্রতিক্রিয়া
• ফাইল শেয়ারিং সাপোর্ট
• সারি ব্যবস্থাপনা
• কলব্যাক সিস্টেম

V3 সম্পর্কে

• অটো ট্রিগার নিয়ম ইঞ্জিন
• দর্শনার্থীর প্রোফাইল এবং সময়রেখা
• উন্নত নিষেধাজ্ঞা ব্যবস্থা (আইপি + সময়সীমা)
• অবতার সহ অ্যাডমিন প্রোফাইল

ভি২

• SSE রিয়েল-টাইম আপডেট
• ডেস্কটপ বিজ্ঞপ্তি
• শব্দ সতর্কতা
• টাইপিং সূচক

V1 সম্পর্কে

• মৌলিক চ্যাট কার্যকারিতা
• দর্শনার্থী ট্র্যাকিং
• অ্যাডমিন রিপ্লাই ইন্টারফেস