تحليلات لـ Vue

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

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

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

لماذا يهم ذلك

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

تُفقد عروض الموجّه

يبدّل Vue Router المكونات دون إعادة تحميل الصفحة. تحسب PulsePanda كل تنقل بحيث تتطابق أعداد عروضك مع الواقع.

لا بيانات على مستوى الميزات

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

الاحتكاك غير مرئي

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

الإعداد

أضف PulsePanda إلى Vue

أضف المقتطف إلى ملف HTML الرئيسي. بالنسبة إلى Vue العادي استخدم index.html؛ بالنسبة إلى Nuxt أضفه من خلال nuxt.config رأس التطبيق.

Vue — index.html

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

في Nuxt، أضف السكربت نفسه عبر app.head.script في nuxt.config.ts بحيث يُشحن في كل صفحة مُصيّرة من الخادم.

سير العمل

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

ثبّت المقتطف

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

تتبّع ما يهم

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

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

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

ما تحصل عليه

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

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

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

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

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

أسئلة Vue

هل تتعقب PulsePanda تنقل Vue Router؟

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

هل يعمل مع التصيير من جانب الخادم في Nuxt؟

نعم. أضف المقتطف إلى رأس التطبيق في nuxt.config بحيث يُحمّل في كل صفحة مُصيّرة؛ يعمل التتبع في المتصفح بعد الترطيب.

هل يمكنني تتبّع أحداث مخصصة في Vue؟

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

صفحات ذات صلة

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

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

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

ابدأ مجانًا