تسجيل الدخولابدأ مجانًا

تحليلات لـ Angular

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

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

لماذا يهم ذلك

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

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

يتنقل Angular Router دون إعادة تحميل الصفحة. تحسب PulsePanda كل تغيير في المسار لتبقى تحليلاتك دقيقة.

لا بيانات عن استخدام الميزات

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

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

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

الإعداد

أضف PulsePanda إلى Angular

أضف المقتطف إلى <head> من src/index.html — غلاف HTML الوحيد الذي يقدمه Angular.

Angular — src/index.html

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <base href="/" /> <script src="https://pulsepanda.dev/sdk.js" data-project="YOUR_PROJECT_ID" defer></script> </head> <body> <app-root></app-root> </body> </html>

استدعِ pulsepanda.track() من خدمة أو مكوّن لتسجيل أحداث مخصصة للمسارات وتبني الميزات.

سير العمل

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

1

ثبّت المقتطف

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

2

تتبّع ما يهم

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

3

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

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

ما تحصل عليه

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

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

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

أسئلة Angular

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

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

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

في <head> الخاص بـ src/index.html. يقدّم Angular ذلك الغلاف الوحيد، لذا يُحمّل SDK للتطبيق بأكمله.

هل يمكنني استدعاء PulsePanda من خدمة؟

نعم. يتوفر كائن pulsepanda العام في المتصفح؛ استدعِ pulsepanda.track() أو identify() من أي خدمة أو مكوّن.

صفحات ذات صلة

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

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

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

ابدأ مجانًا