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

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

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

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

למה זה חשוב

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

תצוגות נתבים מפוספסות

Vue Router מחליף רכיבים ללא טעינה מחדש של העמוד. PulsePanda סופרת כל ניווט כך שספירת הצפיות שלכם תואמת את המציאות.

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

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

החיכוך בלתי נראה

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

הגדרה

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

הוסיפו את קטע הקוד לקובץ כניסת ה-HTML שלכם. עבור Vue רגיל השתמשו ב- index.html; עבור Nuxt הוסיפו אותו דרך nuxt.config app head.

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?

כן. הוסיפו את קטע הקוד אל app head ב-nuxt.config כך שהוא נטען בכל עמוד מרונדר; המעקב רץ בדפדפן לאחר ה-hydration.

האם אני יכול לעקוב אחר אירועים מותאמים אישית ב-Vue?

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

דפים קשורים

גלו עוד

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

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

התחילו בחינם