הגדרת מפות חום לקליקים ב-1C-Bitrix
תארו לעצמכם: בדף קטלוג 80% מהקליקים נוחתים על שם המוצר, אך הקישור מוביל רק לכפתור "הוספה לסל". מפת חום לקליקים ממחישה התנהגות זו—סימן ברור שהפריסה אינה תואמת את ציפיות המשתמשים. אך כדי שהמפה תהיה אמינה, יש להגדיר אותה כראוי עבור 1C-Bitrix. לפי הסטטיסטיקות שלנו, 90% מבעיות מפות החום ב-CMS זה נובעות מתוכן AJAX וטעינה דינמית. תיקון זה מניב נתונים מדויקים כבר למחרת. במאמר זה נצלול לאופן הגדרת הכלים (Yandex.Metrica, Hotjar, Clarity) ללא אובדן נתונים. להתחלה מהירה, צרו קשר—נעזור בבחירה ובאינטגרציה.
בחירת כלי למפת חום
| כלי | מאפייני Bitrix | המלצה |
|---|---|---|
| Yandex.Metrica (מפת קליקים) | דורש אתחול מחדש על AJAX | לאתרים פשוטים ללא SPA; ההתקנה מהירה פי 2 מ-Hotjar |
| Hotjar | הקלטות מלאות, מיסוך שדות, סגמנטציה | לניתוח UX מפורט; החל מ-$39 לחודש |
| Microsoft Clarity | מקליט קליקים אוטומטית, מיסוך שדות | החלופה החינמית הטובה ביותר; זול פי 3 מ-Hotjar |
Yandex.Metrica עדיף לאתרים עם דינמיקה מינימלית, Clarity להקלטת סשנים חינמית. Hotjar מציע יותר פרטים אך דורש תקציב.
Yandex.Metrica: מפת קליקים מובנית
הכלי הנגיש ביותר הוא מפת הקליקים המובנית של Yandex.Metrica. היא מופעלת עם הדגל clickmap: true. אין צורך בקוד נוסף—Metrica מיירטת קליקים דרך handler גלובלי לאירועים.
הבעיה ב-Bitrix נוצרת עם ניווט AJAX ואלמנטים שנוספים דינמית. Metrica קושרת handlers בטעינת הדף—קליקים על אלמנטים שמופיעים לאחר תגובת AJAX (למשל, מוצרים בגלילה אינסופית) לא נלכדים במפה. פתרון: קראו ל-ym(ID, 'hit', url) לאחר כל עדכון AJAX. זה מאתחל מחדש את ה-tracker ומקליט קליקים על אלמנטים חדשים. פרטים נוספים ב-טיפול ב-AJAX ב-Bitrix.
מדוע קליקי AJAX לא מוקלטים במפה הסטנדרטית?
ה-tracker הסטנדרטי קושר handlers לאירועים בטעינת הדף. לאחר בקשת AJAX, ה-DOM משתנה אך ה-handlers נשארים על אלמנטים ישנים. כדי לתקן זאת, לאחר כל עדכון AJAX קראו ל-ym(ID, 'hit', url) עבור Metrica או hj('identify') עבור Hotjar. עם Clarity, אין צורך באתחול מחדש—הוא עוקב אחר שינויים אוטומטית. בפועל, אם האתר שלכם משתמש בגלילה אינסופית בקטלוג, ללא שינוי אתם עלולים לאבד עד 30% מהקליקים. אינטגרציה מוגדרת כראוי מעלה את דיוק ההקלטה ל-95%. לדוגמה, תיקון מפת חום שהוגדרה שגוי חסך ללקוח אחד $1,500 חודשיים באופטימיזציית פרסום.
Hotjar ו-Microsoft Clarity על Bitrix
למפות חום מפורטות יותר, משתמשים ב-Hotjar או Microsoft Clarity. שניהם מתווספים דרך סקריפט יחיד ב-<head>. ב-Bitrix, זה נעשה דרך init.php או ישירות בתבנית:
// В header.php шаблона \Bitrix\Main\Page\Asset::getInstance()->addString( '<script>/* Hotjar Tracking Code */ (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid: XXXXXXX, 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>', true ); כיצד להחריג דפי שירות ממפת החום?
מפות קליקים לא צריכות לאסוף נתונים בדפי התחברות, סל קניות ותשלום—הם מכילים נתונים אישיים. החרגה מגנה מפני דליפות ועומדת ב-54-FZ. ב-Yandex.Metrica, השתמשו ב"מסננים" בהגדרות המונה: החריגו את // В header.php шаблона \Bitrix\Main\Page\Asset::getInstance()->addString( '<script>/* Hotjar Tracking Code */ (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid: XXXXXXX, 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>', true ); , /bitrix/, /personal/, /cart/. עבור Hotjar, השתמשו בפרמטר /order/ או באתחול מותנה בתבנית:
<?php $excludePaths = ['/cart/', '/order/', '/personal/']; $currentPath = $_SERVER['REQUEST_URI']; $exclude = false; foreach ($excludePaths as $path) { if (strpos($currentPath, $path) === 0) { $exclude = true; break; } } if (!$exclude): ?> <!-- Hotjar script --> <?php endif; ?> שיקולים מיוחדים לדפי התחברות
דפי חשבון אישי ותשלום ב-Bitrix עטופים על ידי רכיב suppressSession או כללים במודול <?php $excludePaths = ['/cart/', '/order/', '/personal/']; $currentPath = $_SERVER['REQUEST_URI']; $exclude = false; foreach ($excludePaths as $path) { if (strpos($currentPath, $path) === 0) { $exclude = true; break; } } if (!$exclude): ?> <!-- Hotjar script --> <?php endif; ?> . Hotjar ו-Clarity מקליטים דפים כאלה, אך אם משתמש אינו מחובר, ה-URL עלול להפנות מחדש—ה-tracker יקליט קליקים בדף ההתחברות במקום ביעד. בדקו דרך דוח "דפים" ב-Clarity: אם bitrix:main.login.form מופיע עם אפס קליקים ושיעור יציאה גבוה, משתמשים לא מגיעים אליו עקב הפניה מחדש.
כיצד לסגמנט מפות חום לפי מכשיר?
מפות חום לקליקים במובייל ובשולחן עבודה צריכות להיות מנותחות בנפרד. ב-Hotjar זה אוטומטי עם מתג. ב-Metrica, השתמשו בסגמנטים בדוח "מפת קליקים". תבניות אדפטיביות של Bitrix משנות לעתים קרובות את סדר האלמנטים במובייל (CSS main), כך ש"נקודה אדומה" בשולחן עבודה ובמובייל תהיה על אלמנטי DOM שונים, גם אם ויזואלית באותו מיקום במסך. נתחו בנפרד כדי לא לפספס בעיות UX.
קוד לדוגמה לאתחול מחדש של Yandex.Metrica לאחר AJAX
BX.addCustomEvent('onAjaxSuccess', function(){ ym(ID, 'hit', window.location.href); }); ניסיון ואחריות
לצוות שלנו 8 שנות ניסיון בפיתוח 1C-Bitrix, הסמכות, ומעל 200 פרויקטים שהושלמו. אנו מבטיחים פעולה תקינה של מפת החום תוך התחשבות ב-AJAX, SPA ורספונסיביות. לפי הערכותינו, הגדרה שגויה יכולה להפחית את דיוק הנתונים בעד 30%, והזדמנויות שהוחמצו מהחלטות שגויות יכולות להגיע לחלק משמעותי מהמחזור. עם אינטגרציה נכונה, הדיוק עולה ל-95%. השקעה של $500 בהתקנה מחזירה את עצמה במהירות. קבלו ייעוץ—צרו קשר כדי לדון בפרויקט שלכם.
מה כלול בעבודה?
- בחירת כלי אופטימלי (Metrica, Hotjar, Clarity) לפי צרכי העסק
- אינטגרציה דרך תבנית או init.php תוך התחשבות ב-caching
- החרגת דפי שירות (חשבון אישי, סל קניות, תשלום)
- שינויים בניווט AJAX להקלטת קליקים נכונה על אלמנטים דינמיים
- סגמנטציה לפי מכשיר והדרכת צוות על שימוש בדוחות
תהליך ההתקנה
- ניתוח — חקר ארכיטקטורת האתר, זיהוי אזורים בעייתיים (AJAX, הפניות)
- תכנון — בחירת כלי ותוכנית אינטגרציה, הסכמה על החרגות
- יישום — הוספת קוד לתבנית, הגדרת אתחול מחדש
- בדיקות — אימות הקלטה בכל סוגי הדפים והמכשירים
- השקה — העלאה לסביבת production ומתן גישה לדוחות
לוח זמנים: 1 עד 3 ימי עסקים בהתאם למורכבות. להערכה מדויקת, צרו קשר—נספק ייעוץ חינם ונמצא את הפתרון הטוב ביותר.
| שלב | זמן (שעות) |
|---|---|
| ניתוח ובחירת כלי | 1-2 |
| אינטגרציה והחרגות | 2-4 |
| התאמות AJAX | 2-6 |
| בדיקות | 1-2 |
| סה"כ | 6-14 |
הזמינו הגדרת מפת חום—נבצע ביקורת תוך יום אחד ונציע את הפתרון האופטימלי.