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

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

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

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

למה זה חשוב

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

נתיבים בצד הלקוח אינם נספרים

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

אין מבט על האימוץ

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

בעיות ממשק בלתי נראות

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

הגדרה

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

הוסיפו את קטע הקוד אל src/app.html, תבנית ה-HTML ש-SvelteKit משתמשת בה עבור כל עמוד.

SvelteKit — src/app.html

<!doctype html>
<html lang="en">
  <head>
    %sveltekit.head%
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <div>%sveltekit.body%</div>
  </body>
</html>

עבור אפליקציית Svelte (Vite) רגילה, הוסיפו את אותו קטע קוד אל index.html במקום זאת.

תהליך עבודה

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

התקן את הקטע

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

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

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

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

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

מה תקבלו

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

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

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

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

שאלות נפוצות

שאלות על Svelte

האם זה עוקב אחר ניווט SvelteKit?

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

היכן אני מציב את קטע הקוד ב-SvelteKit?

ב-src/app.html בתוך ה-<head>. לאחר מכן הוא נטען בכל עמוד שמרונדר בשרת ומנווט בצד הלקוח.

האם אני יכול לשלוח אירועים מ-Svelte component?

כן. קראו ל-pulsepanda.track("event", { props }) בתוך כל מטפל או פונקציית מחזור חיים.

דפים קשורים

גלו עוד

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

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

התחילו בחינם