אנליטיקה עבור React

אנליטיקת מוצר עבור React

PulsePanda מעניקה לאפליקציית עמוד-יחיד React שלכם אנליטיקת מוצר מלאה — אירועים, משפכים, הקלטת סשנים ומפות חום — מתג סקריפט אחד, עם מעקב אחר שינויי נתיב בצד הלקוח מהקופסה.

התחילו בחינם מדריך התקנה

למה זה חשוב

מה צוותי React יכולים סוף סוף לראות

אפליקציות SPA מדווחות על צפייה אחת בעמוד

אפליקציית React נטענת פעם אחת ולאחר מכן מחליפה תצוגות בדפדפן. PulsePanda עוקבת אחר כל ניווט בתוך האפליקציה כך שהאנליטיקה שלכם משקפת שימוש אמיתי, ולא נחיתה בודדת.

אין תובנה לגבי הרכיבים שבשימוש

הפעילו אירועים מותאמים אישית על הכפתורים והזרימות שחשובים לכם כדי למדוד אימוץ של תכונות ורכיבים ספציפיים.

באגי ממשק קשים לשחזור

הקלטת סשנים לוכדת את ה-DOM המרונדר ושגיאות כך שתוכלו לראות את המצב המדויק שנשבר עבור משתמש.

הגדרה

הוסיפו את PulsePanda ל-React

PulsePanda אגנוסטית למסגרת, כך שההתקנה הפשוטה ביותר היא תג סקריפט במעטפת ה-HTML שלכם. הוסיפו אותו אל <head> של קובץ ה-HTML הראשי שלכם.

Vite — index.html (או public/index.html עבור CRA)

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

לאחר הטעינה, קראו ל- pulsepanda.track("event_name", { ...props }) מכל רכיב כדי לתעד אירועים מותאמים אישית ולבנות משפכים.

תהליך עבודה

מהתקנה לתובנה

התקן את הקטע

הוסיפו את הסקריפט פעם אחת לפרויקט ה-React שלכם. אנליטיקת אינטרנט, לחיצות שנלכדות אוטומטית, הקלטת סשנים ומפות חום מתחילות לאסוף מיד.

עקבו אחר מה שחשוב

קראו ל- pulsepanda.track() בפעולות מפתח ו- pulsepanda.identify() לאחר ההתחברות כדי לחבר אירועים, סשנים ומשוב לכל משתמש.

פעלו על פי הנתונים

בנו משפכים, צפו בהקלטות מאחורי הנטישות, קראו מפות חום ואספו משוב בתוך המוצר — הכול במרחב עבודה אחד.

מה תקבלו

קטע קוד אחד, התמונה המלאה

שכבת ניתוחצפיות בעמוד, אירועים מותאמים אישית, משפכי המרה ושימור.

שכבת התנהגותהקלטת סשנים, מפות חום של לחיצה וגלילה, והקשר שגיאות.

שכבת משובסקרים בתוך המוצר, ווידג'טי משוב, טפסים ולוח הצבעה על תכונות.

שאלות נפוצות

שאלות על React

האם זה עובד עם React Router?

כן. ה-SDK עוקב אחר ניווט History API, כך ששינויי נתיב מ-React Router, TanStack Router או כל נתב בצד הלקוח נלכדים כצפיות בעמוד באופן אוטומטי.

האם זה עובד עם Create React App ו-Vite?

שניהם. הוסיפו את הסקריפט ל-public/index.html עבור CRA או ל-index.html עבור Vite. אין תלות בשלב build.

כיצד אני מזהה משתמשים מחוברים?

לאחר ההתחברות, קראו ל-pulsepanda.identify("user_id", { email, plan }) כך שסשנים, אירועים ומשוב יתחברו לאותו אדם לאורך הביקורים.

דפים קשורים

גלו עוד

הוסיפו אנליטיקה לאפליקציית ה-React שלכם

התקינו פעם אחת וחברו אנליטיקה, הקלטת סשנים, מפות חום, משפכים ומשוב תוך דקות.

התחילו בחינם