تحليلات لـ React

تحليلات المنتج لـ React

تمنح PulsePanda تطبيق React أحادي الصفحة تحليلات منتج كاملة — الأحداث والمسارات وإعادة تشغيل الجلسات والخرائط الحرارية — من وسم سكربت واحد، مع تتبع تغييرات المسار من جانب العميل جاهزًا من الصندوق.

ابدأ مجانًا دليل التثبيت

لماذا يهم ذلك

ما الذي يمكن لفرق React رؤيته أخيرًا

تبلّغ تطبيقات الصفحة الواحدة عن مشاهدة صفحة واحدة

يُحمّل تطبيق React مرة واحدة ثم يبدّل العروض داخل المتصفح. تتعقب PulsePanda كل تنقل داخل التطبيق لتعكس تحليلاتك الاستخدام الفعلي، وليس مجرد صفحة هبوط واحدة.

لا رؤية للمكونات المستخدمة

أطلق أحداثًا مخصصة على الأزرار والتدفقات التي تهمك لقياس تبني ميزات ومكونات محددة.

أخطاء واجهة مستخدم يصعب إعادة إنتاجها

تلتقط إعادة تشغيل الجلسات DOM المُصيَّر والأخطاء لترى الحالة الدقيقة التي تعطّلت لدى المستخدم.

الإعداد

أضف PulsePanda إلى React

PulsePanda غير مرتبطة بإطار عمل معين، لذا فإن أبسط تثبيت هو وسم سكربت في غلاف HTML الخاص بك. أضفه إلى <head> من ملف HTML الرئيسي الخاص بك.

Vite — index.html (أو public/index.html لـ CRA)

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>

بمجرد التحميل، استدعِ pulsepanda.track("event_name", { ...props }) من أي مكوّن لتسجيل أحداث مخصصة وبناء المسارات.

سير العمل

من التثبيت إلى الرؤية

ثبّت المقتطف

أضف السكربت مرة واحدة إلى مشروع React الخاص بك. تبدأ تحليلات الويب والنقرات المُلتقطة تلقائيًا وإعادة تشغيل الجلسات والخرائط الحرارية في الجمع فورًا.

تتبّع ما يهم

استدعِ pulsepanda.track() على الإجراءات الرئيسية و pulsepanda.identify() بعد تسجيل الدخول لربط الأحداث والجلسات والملاحظات بكل مستخدم.

اتخذ قرارات بناءً على البيانات

أنشئ المسارات، وشاهد عمليات إعادة التشغيل وراء حالات التسرّب، واقرأ الخرائط الحرارية، واجمع الملاحظات داخل المنتج — كل ذلك في مساحة عمل واحدة.

ما تحصل عليه

مقتطف واحد، الصورة الكاملة

طبقة التحليلاتمشاهدات الصفحات والأحداث المخصصة ومسارات التحويل والاحتفاظ.

طبقة السلوكإعادة تشغيل الجلسات وخرائط النقر والتمرير الحرارية وسياق الأخطاء.

طبقة الملاحظاتاستبيانات داخل المنتج وأدوات الملاحظات والنماذج ولوحة تصويت على الميزات.

الأسئلة الشائعة

أسئلة React

هل يعمل مع React Router؟

نعم. يتعقب SDK تنقل History API، لذا تُلتقط تغييرات المسار من React Router أو TanStack Router أو أي موجّه عميل كمشاهدات صفحات تلقائيًا.

هل يعمل مع Create React App وVite؟

كلاهما. أضف السكربت إلى public/index.html لـ CRA أو index.html لـ Vite. لا توجد تبعية لخطوة البناء.

كيف أحدد هوية المستخدمين المسجّلين؟

بعد تسجيل الدخول، استدعِ pulsepanda.identify("user_id", { email, plan }) بحيث تتصل الجلسات والأحداث والملاحظات بالشخص نفسه عبر الزيارات.

صفحات ذات صلة

استكشف المزيد

أضف التحليلات إلى تطبيق React

ثبّت مرة واحدة واربط التحليلات وإعادة تشغيل الجلسات والخرائط الحرارية والمسارات والملاحظات في دقائق.

ابدأ مجانًا