שילוב Mixpanel Analytics לאתר שלך

שילוב Mixpanel Analytics לאתר שלך

השקתם אתר מסחר אלקטרוני על Laravel + React — 10,000 מבקרים ביום, אבל אחוז המרה של 1%. Google Analytics מציג רק עמודים וסשנים, ואתם צריכים תשובות: איזה רכיב טופס נכשל, מתי המשתמש נוטש את העגלה. Mixpanel הוא כלי לניתוח אירועים שהופך כל פעולת משתמש לאירוע מובנה עם הקשר. אנחנו צוות עם 5 שנות ניסיון בניתוח web analytics, והטמענו את Mixpanel ביותר מ-30 פרויקטים. אנחנו מבצעים אינטגרציה מלאה: מ-SDK ועד דשבורדים עם קבוצות (cohorts) ומשפכים (funnels). בקשו ייעוץ — נבחן את הפרויקט שלכם תוך 24 שעות.

Mixpanel (en.wikipedia.org/wiki/Mixpanel) היא פלטפורמה שמתמקדת באירועים, לא בעמודים.

למה Mixpanel עדיף על Google Analytics לניתוח אירועים

Google Analytics קשור לסשנים וצפיות עמוד. Mixpanel מתמקד באירועים: "לחצן נלחץ", "טופס מולא", "תשלום התחיל". משפכים נבנים מיידית, retention מראה כמה משתמשים חזרו. עבור SaaS ומסחר אלקטרוני, זה מספק עומק שאינו זמין ב-GA. יתר על כן, Mixpanel מקטלג משתמשים לפי מאפיינים ללא SQL.

איך אנחנו מתקינים את Mixpanel: התקנת SDK

אנחנו משתמשים בשתי גישות: חבילת NPM לאפליקציות SPA או סקריפט CDN לאתרים קלאסיים. בשני המקרים, אתחול עם טוקן ממשתני סביבה.

// NPM: установка и инициализация
import mixpanel from 'mixpanel-browser';
mixpanel.init(import.meta.env.VITE_MIXPANEL_TOKEN, {
  debug: import.meta.env.DEV,
  track_pageview: false,
  persistence: 'localStorage',
  ignore_dnt: false,
  batch_requests: true,
  batch_flush_interval_ms: 5000,
});

לאתרים קלאסיים, כללו את סקריפט ה-CDN עם // NPM: установка и инициализация import mixpanel from 'mixpanel-browser'; mixpanel.init(import.meta.env.VITE_MIXPANEL_TOKEN, { debug: import.meta.env.DEV, track_pageview: false, persistence: 'localStorage', ignore_dnt: false, batch_requests: true, batch_flush_interval_ms: 5000, }); . מצב batch_requests משפר ביצועים — אירועים נשלחים בקבוצות כל 5 שניות. בפרויקטים עם תעבורה גבוהה (מעל 1000 אירועים בשנייה), אנחנו מגדילים את המרווח ל-15 שניות, וחוסכים עד 40% מהבקשות.

מה כוללת העבודה שלנו

• SDK ומעקב: התקנה, הגדרת אירועים בסיסיים (צפייה בעמוד, לחיצה על כפתור, שליחת טופס)
• זיהוי: קישור סשנים אנונימיים למשתמשים אמיתיים (identify, alias)
• Super Properties: העברת הקשר אוטומטית (גרסת אפליקציה, וריאנט A/B, תגי UTM)
• צד שרת: מעקב אירועים מהבקאנד (תשלומים, הודעות אימייל) דרך HTTP API
• דשבורדים ומשפכים: בניית דוחות, הגדרת התראות
• תיעוד: תיאור כל האירועים, המאפיינים וסכמת הנתונים
• הדרכה: העברת ידע לצוות שלכם, ייעוץ באנליטיקה
• תמיכה: שבועיים לאחר ההטמעה — עזרה בשיפורים ושאלות

מעקב אירועים: מפשוט למורכב

מעקב בסיסי הוא שיטת mixpanel.init('YOUR_TOKEN'). לחנות מסחר אלקטרוני, אנו עוקבים אחר track, Product Viewed, Add to Cart. כל אירוע מכיל הקשר: URL, מפנה, מאפייני משתמש.

// Примеры событий
mixpanel.track('Page Viewed', {
  page_title: document.title,
  page_url: window.location.pathname,
  referrer: document.referrer || 'direct',
});

mixpanel.track('Button Clicked', {
  button_text: 'Оставить заявку',
  button_location: 'hero_section',
});

איך לזהות משתמש ללא הרשמה?

אם משתמש ממלא טופס אבל לא נרשם, אנו משתמשים ב-Purchase Completed. זה מקשר את המזהה האנונימי לכתובת האימייל. לאחר ההרשמה, קראו ל-// Примеры событий mixpanel.track('Page Viewed', { page_title: document.title, page_url: window.location.pathname, referrer: document.referrer || 'direct', }); mixpanel.track('Button Clicked', { button_text: 'Оставить заявку', button_location: 'hero_section', }); והגדירו מאפייני פרופיל דרך mixpanel.alias(email). Super Properties (identify(user.id)) מתווספים פעם אחת ומועברים לכל האירועים הבאים.

מעקב צד שרת: אירועים מהבקאנד

לפעולות שאינן זמינות בצד הלקוח (אישור תשלום, הפעלת אימייל), אנו משתמשים ב-HTTP API של Mixpanel. אנו שולחים בקשת POST עם JSON מקודד ב-base64. הניסיון שלנו מראה שזה משפר את דיוק הנתונים ב-15–20%.

// Пример на Laravel
$data = [
    'event' => 'Payment Completed',
    'properties' => [
        'token' => $token,
        'distinct_id' => $userId,
        'time' => time(),
        '$insert_id' => uniqid('srv_', true),
        'amount' => 14500,
    ],
];

Http::asForm()->post($endpoint, [
    'data' => base64_encode(json_encode([$data])),
]);

ניפוי ואימות

הפעילו מצב דיבוג: people.set. בקונסולה תראו לוגים של כל קריאת track. תוסף Mixpanel ל-Chrome DevTools מציג אירועים בזמן אמת. אנו מבטיחים שהנתונים נשלחים כראוי — אנו בודקים על פרויקט בדיקה לפני ההשקה. עלות האינטגרציה תלויה במורכבות, אבל בממוצע, החיסכון במשאבים פנימיים מגיע ל-40% בהשוואה לפיתוח פנימי.

לוח זמנים ועלות

אינטגרציה בסיסית (SDK + אירועים בסיסיים) — 4–6 שעות. מחזור מלא עם זיהוי, צד שרת ודשבורדים — 1–2 ימים. העלות מחושבת באופן אישי, בהתאם למורכבות הפרויקט שלכם. בקשו ביקורת על מחסנית האנליטיקה שלכם — נבחר את הסכמה האופטימלית ונספק הערכה תוך 24 שעות.