تُفقد عروض الموجّه
يتنقل Angular Router دون إعادة تحميل الصفحة. تحسب PulsePanda كل تغيير في المسار لتبقى تحليلاتك دقيقة.
تحليلات لـ Angular
امنح تطبيق Angular تحليلات منتج كاملة — الأحداث والمسارات وإعادة تشغيل الجلسات والخرائط الحرارية — من وسم سكربت واحد، مع تتبع تنقل Angular Router تلقائيًا.
لماذا يهم ذلك
يتنقل Angular Router دون إعادة تحميل الصفحة. تحسب PulsePanda كل تغيير في المسار لتبقى تحليلاتك دقيقة.
تتبّع أحداثًا مخصصة لقياس تبني المكونات والتدفقات التي تشحنها.
تلتقط إعادة تشغيل الجلسات DOM المُصيَّر وأخطاء الكونسول لتشاهد ما الذي تعطّل.
الإعداد
أضف المقتطف إلى <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() من خدمة أو مكوّن لتسجيل أحداث مخصصة للمسارات وتبني الميزات.
سير العمل
أضف السكربت مرة واحدة إلى مشروع Angular الخاص بك. تبدأ تحليلات الويب والنقرات المُلتقطة تلقائيًا وإعادة تشغيل الجلسات والخرائط الحرارية في الجمع فورًا.
استدعِ pulsepanda.track() على الإجراءات الرئيسية و pulsepanda.identify() بعد تسجيل الدخول لربط الأحداث والجلسات والملاحظات بكل مستخدم.
أنشئ المسارات، وشاهد عمليات إعادة التشغيل وراء حالات التسرّب، واقرأ الخرائط الحرارية، واجمع الملاحظات داخل المنتج — كل ذلك في مساحة عمل واحدة.
ما تحصل عليه
الأسئلة الشائعة
نعم. يربط SDK تغييرات History API، لذا يُسجّل كل انتقال مسار في Angular Router كمشاهدة صفحة تلقائيًا.
في <head> الخاص بـ src/index.html. يقدّم Angular ذلك الغلاف الوحيد، لذا يُحمّل SDK للتطبيق بأكمله.
نعم. يتوفر كائن pulsepanda العام في المتصفح؛ استدعِ pulsepanda.track() أو identify() من أي خدمة أو مكوّن.
صفحات ذات صلة
ثبّت مرة واحدة واربط التحليلات وإعادة تشغيل الجلسات والخرائط الحرارية والمسارات والملاحظات في دقائق.
ابدأ مجانًا