تحليلات لـ Svelte

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

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

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

لماذا يهم ذلك

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

تظل مسارات العميل غير محسوبة

يتنقل SvelteKit داخل المتصفح. تتعقب PulsePanda كل انتقال لتعكس مشاهدات صفحاتك الاستخدام الفعلي.

لا رؤية للتبني

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

مشكلات واجهة المستخدم غير مرئية

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

الإعداد

أضف PulsePanda إلى Svelte

أضف المقتطف إلى src/app.html، قالب HTML الذي يستخدمه SvelteKit لكل صفحة.

SvelteKit — src/app.html

<!doctype html>
<html lang="en">
  <head>
    %sveltekit.head%
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div>%sveltekit.body%</div>
  </body>
</html>

بالنسبة إلى تطبيق Svelte (Vite) العادي، أضف المقتطف نفسه إلى index.html بدلاً من ذلك.

سير العمل

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

ثبّت المقتطف

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

تتبّع ما يهم

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

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

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

ما تحصل عليه

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

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

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

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

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

أسئلة Svelte

هل يتعقب تنقل SvelteKit؟

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

أين أضع المقتطف في SvelteKit؟

في src/app.html داخل <head>. عندئذٍ يُحمّل في كل صفحة مُصيّرة من الخادم أو مُتنقّل إليها من العميل.

هل يمكنني إرسال أحداث من مكوّن Svelte؟

نعم. استدعِ pulsepanda.track("event", { props }) داخل أي معالج أو دالة دورة حياة.

صفحات ذات صلة

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

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

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

ابدأ مجانًا