שילוב Hotjar למפות חום והקלטות סשן
החנות המקוונת שלך פעילה, אך ההמרה נמוכה מהצפוי. לפי מכון Baymard, 70% מהמשתמשים נוטשים עגלות קניות בגלל ממשק לקוי. ללא ניתוח התנהגות, אתה נשאר לנחש למה הם עוזבים. Hotjar פותר זאת על ידי הקלטת סשנים ובניית מפות חום—ויזואליזציות של קליקים, גלילות ותנועות עכבר. אנחנו, צוות עם ניסיון של 7+ שנים בניתוח אתרים, משלבים את Hotjar בפרויקט שלך תוך יום. מפת חום היא מפתח להבנת חוויית המשתמש. הלקוחות שלנו חוסכים עד 40% מזמן הניתוח, וההמרה לאחר אופטימיזציה גדלה ב-20–30% בהתבסס על נתוני Hotjar. בקש ייעוץ חינמי להערכת האתר שלך.
למה Hotjar עדיפה על מנתחי לוגים
מנתחי לוגים מראים על מה המשתמשים לחצו, אבל לא למה. Hotjar מקליטה את כל הסשן: תנועת סמן, משך מבט. מחקרים מראים שבעיות חוויית משתמש מתגלות פי שניים מהר יותר עם Hotjar. מפות חום של קליקים חושפות עד 30% קליקים על אלמנטים שאינם ניתנים ללחיצה—נתונים פעילים לתיקונים ממוקדים.
איך Hotjar חושפת בעיות חוויית משתמש
Hotjar מייצרת שלושה סוגי מפות חום: מפות קליקים, מפות תנועה ומפות גלילה. מפות קליקים מראות בדיוק היכן משתמשים לוחצים—לעיתים קרובות על אלמנטים שאינם ניתנים ללחיצה. מפות תנועה עוקבות אחר תנועת הסמן, ומתאימות לתשומת לב. מפות גלילה מציינות עד כמה רחוק המשתמשים גוללים. בשילוב, הן מספקות תמונה מלאה. לדוגמה, בפרויקט אחד זיהינו 70% קליקים על אזור ריק מימין לטופס—נפתר על ידי הרחבת שדה הקלט.
נתונים מהקלטות סשן
הקלטות סשן הן סרטונים של פעולות כל מבקר. אתה רואה איך משתמשים ממלאים טפסים, היכן הם מהססים, אילו שגיאות ולידציה מופיעות. משפכים מראים נשירה בכל שלב. סקרים מאפשרים סקרים באתר. כל הנתונים האלה מובילים לשיפורי חוויית משתמש ממוקדים.
התקנת Hotjar תוך 30 דקות
אנחנו מתקינים את Hotjar דרך Google Tag Manager או קוד ישיר ב-<head>. להלן קטע ה-GTM:
<!-- Hotjar Tracking Code -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:YOUR_SITE_ID,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>טריגר: "כל הדפים". פרסם את הקונטיינר. לאחר מכן, הגדר זיהוי משתמש ואירועים:
// Идентификация пользователя
window.hj('identify', userId, {
plan: 'pro',
email: userEmail,
country: 'RU',
});
// События
window.hj('event', 'form_opened');
window.hj('event', 'add_to_cart');
window.hj('event', 'form_validation_error');
window.hj('event', 'form_submitted');בממשק Hotjar → "הקלטות", סנן סשנים לפי מאפיינים או אירועים.
פרטיות נתונים
Hotjar מטשטשת שדות <!-- Hotjar Tracking Code --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:YOUR_SITE_ID,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> כברירת מחדל. עבור שדות אישיים אחרים, הוסף מחלקות במפורש:
<input type="text" name="card_number" class="data-hj-suppress">
<div class="data-hj-suppress">
<p>ИНН: 7712345678</p>
</div>
<input data-hj-suppress type="text" name="passport">אתה יכול גם להגדיר בוררי CSS גלובליים בהגדרות האתר—ללא צורך בשינויי קוד.
הגדרת Hotjar עבור SPA
ב-SPA, הנתב משנה את ה-URL ללא טעינה מלאה. Hotjar יוצרת כברירת מחדל מפות חום לפי URL—אם ה-URL לא משתנה, כל האירועים מתמזגים למפה אחת. הפתרון: הודע ידנית ל-Hotjar על שינויי דפים:
// React Router v6
import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';
export function HotjarPageTracker() {
const location = useLocation();
useEffect(() => {
window.hj?.('stateChange', location.pathname + location.search);
}, [location.pathname]);
return null;
}עבור Next.js, השתמש באירוע // Идентификация пользователя window.hj('identify', userId, { plan: 'pro', email: userEmail, country: 'RU', }); // События window.hj('event', 'form_opened'); window.hj('event', 'add_to_cart'); window.hj('event', 'form_validation_error'); window.hj('event', 'form_submitted'); .
טעויות נפוצות בשילוב
בעיות שכיחות: מזהה אתר שגוי (המונה לא מאומת), מפות חום ריקות בגלל חוסר נתונים (המתן 1-2 שעות), סשנים שאינם מוקלטים (הפעל הקלטות), ואירועים שאינם פועלים בגלל שגיאות כתיב. כל השגיאות מאובחנות בקלות דרך קונסולת הדפדפן ולוח המחוונים של Hotjar.
מה כולל שירות השילוב שלנו
| שלב | מה אנחנו עושים | לוח זמנים |
|---|---|---|
| התקנת מונה | הצבת קוד בכל הדפים דרך GTM או ישירות | 30 דקות |
| זיהוי משתמש | העברת מאפייני משתמש (אימייל, תוכנית, תאריך הרשמה) | 2-3 שעות |
| הגדרת אירועים | תיוג פעולות מפתח (טופס, עגלה, שגיאה) | 1-2 שעות |
| מיסוך נתונים | הגדרת הסתרת שדות רגישים | שעה |
| בדיקות | אימות הקלטות ומפות חום | שעה |
| תיעוד | מתן תיאור הגדרות והוראות | כלול |
לוחות זמנים ועלות
התקנת מונה: 30 דקות. מחזור מלא (זיהוי, אירועים, מיסוך, בדיקות): 2 עד 5 ימים. העלות נקבעת באופן אישי. בקש הערכה חינמית—ננתח את האתר שלך ונציע תוכנית אופטימלית.
בצע אופטימיזציה לאתר שלך על בסיס נתוני Hotjar. המהנדסים שלנו עוזרים לך להפיק את המרב ממפות חום והקלטות סשן; צור קשר לייעוץ על שילוב Hotjar.
מידע על התכונות מקורו בתיעוד הרשמי: מרכז העזרה של Hotjar