הטמעת סקר CSAT לשביעות רצון לקוחות באתר שלך

API ומודל נתונים

Schema::create('csat_responses', function (Blueprint $table) {
    $table->id();
    $table->foreignId('user_id')->nullable()->constrained()->nullOnDelete();
    $table->morphs('subject'); // Полиморфная связь: Order, SupportTicket, Feature
    $table->tinyInteger('score')->unsigned(); // 1-5
    $table->text('comment')->nullable();
    $table->timestamps();
});

// CsatController
public function store(Request $request): JsonResponse {
    $request->validate([
        'score' => 'required|integer|min:1|max:5',
        'subject_type' => 'required|string|in:order,ticket',
        'subject_id' => 'required|integer',
        'comment' => 'nullable|string|max:500',
    ]);

    CsatResponse::updateOrCreate(
        ['user_id' => auth()->id(), 'subject_type' => $request->subject_type, 'subject_id' => $request->subject_id],
        ['score' => $request->score, 'comment' => $request->comment]
    );

    return response()->json(['success' => true]);
}

קשר פולימורפי מאפשר לצרף דירוג לכל אובייקט — הזמנה, פנייה, תכונה — ללא שינויי סכמה.

צד לקוח: ווידג'ט כוכבים

const STARS = [1, 2, 3, 4, 5];
const LABELS = ['Ужасно', 'Плохо', 'Нормально', 'Хорошо', 'Отлично'];

export function CsatWidget({ subjectType, subjectId }: CsatProps) {
  const [hover, setHover] = useState(0);
  const [score, setScore] = useState(0);
  const [submitted, setSubmitted] = useState(false);

  const submit = async (s: number) => {
    setScore(s);
    await fetch('/api/csat', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ score: s, subject_type: subjectType, subject_id: subjectId }),
    });
    setSubmitted(true);
  };

  if (submitted) return <p className="text-sm text-gray-500">Спасибо за оценку!</p>;

  return (
    <div className="flex items-center gap-1">
      <span className="text-sm text-gray-600 mr-2">Оцените качество:</span>
      {STARS.map(s => (
        <button
          key={s}
          title={LABELS[s - 1]}
          onMouseEnter={() => setHover(s)}
          onMouseLeave={() => setHover(0)}
          onClick={() => submit(s)}
          className={`text-2xl ${(hover || score) >= s ? 'text-yellow-400' : 'text-gray-300'}`}
        >
          ★
        </button>
      ))}
    </div>
  );
}

הווידג'ט ניתן להתאמה בקלות: שנה צבעים, תוויות, הוסף אמוג'ים. אנו משתמשים ב-React אך מתאימים ל-Vue, Angular או JavaScript וניל.

טריגר אימייל לאחר סגירת פנייה

// В Observer или Listener на SupportTicket closed event
public function handle(TicketClosed $event): void
{
    Mail::to($event->ticket->user->email)
        ->later(now()->addMinutes(10), new CsatRequestMail($event->ticket));
}

האימייל מכיל קישורי דירוג ישירים: Schema::create('csat_responses', function (Blueprint $table) { $table->id(); $table->foreignId('user_id')->nullable()->constrained()->nullOnDelete(); $table->morphs('subject'); // Полиморфная связь: Order, SupportTicket, Feature $table->tinyInteger('score')->unsigned(); // 1-5 $table->text('comment')->nullable(); $table->timestamps(); }); // CsatController public function store(Request $request): JsonResponse { $request->validate([ 'score' => 'required|integer|min:1|max:5', 'subject_type' => 'required|string|in:order,ticket', 'subject_id' => 'required|integer', 'comment' => 'nullable|string|max:500', ]); CsatResponse::updateOrCreate( ['user_id' => auth()->id(), 'subject_type' => $request->subject_type, 'subject_id' => $request->subject_id], ['score' => $request->score, 'comment' => $request->comment] ); return response()->json(['success' => true]); } . אסימון HMAC מונע חבלה.

באילו טריגרים אנו משתמשים?

בהתאם לתרחיש, אנו מיישמים ערוצי הצגת סקר שונים:

על ידי שילוב טריגרים אלה, אנו משיגים שיעורי השלמת סקר של 50–70%.

מה כלול בעבודה?

1. ביקורת נקודות מגע — קביעה היכן וכיצד לשאול את השאלה.
2. עיצוב סכמה — בחירת סולם, אפשרויות תשובה, מודל נתונים.
3. פיתוח API (Laravel + SQL) וווידג'ט אינטראקטיבי (React/TypeScript).
4. הגדרת טריגרים (אימייל, בתוך האפליקציה, webhook) ואינטגרציה ל-CRM.
5. תיעוד API ומדריך מנהל.
6. תמיכה ל-30 יום לאחר ההשקה.

לוח זמנים ועלות

ווידג'ט CSAT בסיסי עם API וטריגר אחד לוקח 1–2 ימי עסקים. מחזור מלא עם אינטגרציה ל-CRM, לוחות מחוונים אנליטיים ובדיקות A/B לוקח עד 5 ימים. העלות מחושבת באופן אישי לאחר ביקורת הפרויקט שלך.

צרו קשר כדי לדון בפרויקט שלכם ולקבל הצעה מותאמת אישית. קבלו ייעוץ על יישום CSAT כבר עכשיו — נעריך את הפרויקט שלכם ונציע את הפתרון הטוב ביותר.

אנו מבטיחים ביצועים ועמידה ב-Core Web Vitals: הווידג'ט אינו משפיע על LCP או גורם לשינויי פריסה. עם למעלה מ-5 שנות פעילות ו-50+ פרויקטים מוצלחים, ה-CSAT שלכם יפעל בצורה אמינה.