تحليلات لـ Remix

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

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

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

لماذا يهم ذلك

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

العمل على الخادم لا يترك أثرًا لدى العميل

تعمل الـ loaders والـ actions حيث لا يستطيع أي وسم تحليلات رؤيتها. التتبع في المتصفح يسجّل ما فعله الشخص، لا ما طُلب من الخادم فحسب.

الإرسالات الفاشلة تبدو وكأنها لم تحدث

خطأ تحقق يعيده الـ action ينهي الرحلة بهدوء. تُظهر إعادة التشغيل الحقل الذي عجز المستخدم عن تجاوزه والرسالة التي ظهرت له.

الجلب المسبق يضخّم أرقامك

يقوم Remix بجلب المسارات مسبقًا عند التحويم، فتحسب التحليلات المعتمدة على سجلات الخادم صفحات لم يفتحها أحد. أما مشاهدات الصفحات من جهة العميل فلا تُسجَّل إلا عند عرض المسار فعليًا.

الإعداد

أضف PulsePanda إلى Remix

ضع الوسم في مستند المسار الجذر بجوار Meta وLinks، ليُحمَّل مرة واحدة للتطبيق كله.

app/root.tsx

// app/root.tsx
import { Links, Meta, Outlet, Scripts } from '@remix-run/react';

export default function App() {
  return (
    <html lang="en">
      <head>
        <Meta />
        <Links />
        <script
          src="https://pulsepanda.dev/sdk.js"
          data-project="YOUR_PROJECT_ID"
          defer
        />
      </head>
      <body>
        <Outlet />
        <Scripts />
      </body>
    </html>
  );
}

ينتقل Remix من جهة العميل بعد التحميل الأول، ويتابع الـ SDK هذه الانتقالات تلقائيًا — دون useEffect في كل مسار.

سير العمل

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

ثبّت المقتطف

أضف السكربت مرة واحدة إلى app/root.tsx فتُغطّى كل المسارات المتداخلة.

تتبّع ما يهم

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

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

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

ما تحصل عليه

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

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

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

أسئلة حول Remix

أين يوضع السكربت بالضبط في Remix؟

في app/root.tsx داخل head الخاص بمكوّن المستند. هذا الملف يغلّف كل المسارات، لذا يكفي وسم واحد لتغطية التطبيق بأكمله.

هل يتتبع تغييرات المسارات المتداخلة؟

نعم. تتبع مشاهدات الصفحات عنوان URL، لذا يُسجَّل أي مسار متداخل يغيّر شريط العنوان مثل أي تنقل آخر.

هل يمكنني تتبع إرسال نموذج من داخل action؟

تتبّعه في المتصفح بدلًا من الـ action: استدعِ track() عند نجاح الإرسال، ليبقى الحدث مرتبطًا بالجلسة وإعادة تشغيلها.

صفحات ذات صلة

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

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

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

ابدأ مجانًا