אנליטיקס ל-Remix

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

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

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

למה זה חשוב

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

עבודה בצד השרת לא משאירה עקבות בלקוח

Loaders ו-actions רצים במקום שאף תגית אנליטיקס לא רואה. מדידה בדפדפן מתעדת מה האדם עשה, לא רק מה התבקש מהשרת.

שליחות שנכשלו נראות כאילו לא קרו

שגיאת ולידציה שחוזרת מ-action מסיימת את המסע בשקט. ההקלטה מראה את השדה שהמשתמש לא הצליח לעבור ואת ההודעה שהוצגה לו.

Prefetch מנפח את המספרים

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

הגדרה

הוספת PulsePanda ל-Remix

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

app/root.tsx

// app/root.tsx
import { Links, Meta, Outlet, Scripts } from '@remix-run/react';

export default function App() {
  return (
    <html lang="en">
      <head>
        <Meta />
        <Links />
        <script
          src="https://pulsepanda.dev/sdk.js"
          data-project="YOUR_PROJECT_ID"
          defer
        />
      </head>
      <body>
        <Outlet />
        <Scripts />
      </body>
    </html>
  );
}

Remix מנווט בצד הלקוח אחרי הטעינה הראשונה, וה-SDK עוקב אחרי המעברים האלה בעצמו — בלי useEffect בכל נתיב.

תהליך עבודה

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

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

הוסיפו את הסקריפט פעם אחת ל-app/root.tsx וכל נתיב מקונן מכוסה.

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

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

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

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

מה תקבלו

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

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

שאלות נפוצות

שאלות על Remix

איפה בדיוק שמים את הסקריפט ב-Remix?

ב-app/root.tsx, בתוך ה-head של רכיב המסמך. הקובץ הזה עוטף כל נתיב, ולכן תגית אחת מכסה את כל האפליקציה.

האם הוא עוקב אחרי שינויי נתיבים מקוננים?

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

אפשר לתעד שליחת טופס מתוך action?

עקבו אחריו בדפדפן ולא ב-action: קראו ל-track() כשהשליחה מצליחה, כדי שהאירוע יישאר מקושר לסשן ולהקלטה שלו.

דפים קשורים

גלו עוד

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

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

התחילו בחינם