אנליטיקס ל-Nuxt

אנליטיקס מוצר ל-Nuxt

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

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

למה זה חשוב

מה שצוותי Nuxt סוף-סוף יכולים לראות

Nitro מסתיר את צד הלקוח

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

ניווט רך לא נספר

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

שגיאות הידרציה נשארות בלתי נראות

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

הגדרה

הוספת PulsePanda ל-Nuxt

רשמו את הסקריפט בבלוק app.head שב-nuxt.config.ts. הוא חל על כל הנתיבים, ב-SSR וב-SSG כאחד.

nuxt.config.ts

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://pulsepanda.dev/sdk.js',
          'data-project': 'YOUR_PROJECT_ID',
          defer: true
        }
      ]
    }
  }
})

Nuxt מנווט באמצעות ה-History API, ולכן שינויי נתיב נקלטים אוטומטית — אינכם צריכים hook של ראוטר כדי לתעד צפיות בעמודים.

תהליך עבודה

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

התקינו את הקטע

הוסיפו את הסקריפט פעם אחת ל-nuxt.config.ts וכל נתיב באפליקציה מכוסה.

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

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

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

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

מה תקבלו

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

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

שאלות נפוצות

שאלות על Nuxt

האם זה עובד עם Nuxt במצב SSR?

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

האם צריך פלאגין או מודול של Nuxt?

לא. הרשומה ב-app.head מספיקה לצפיות בעמודים ולהקלטות. הוסיפו פלאגין רק אם תרצו לקרוא ל-track() מתוך composables במקום אחד.

האם זה יפגע בציוני הביצועים של Nuxt?

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

דפים קשורים

גלו עוד

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

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

התחילו בחינם