איך להטמיע מפה חמה באתר וורדפרס?

מדריכים נוספים
Play Video
תוכן עניינים

מהי מפה חמה?

מפה חמה (או מפת חום) היא ייצוג גרפי של נתונים שבהם הערכים מתוארים לפי צבע.
מפות חום חיוניות בזיהוי מה עובד או לא עובד באתר שלנו או בדף מוצר.
מפת תזוזת עכבר באתר
 
 
על ידי ניסוי עם האופן שבו כפתורים ואלמנטים מסוימים ממוקמים באתר האינטרנט שלך, מפות חום מאפשרות לנו להעריך את ביצועי המוצר בחנות, להגביר את מעורבות המשתמשים ושימור המשתמשים תוך כדי תעדוף  של העבודות שיש לבצע על מנת להגדיל את הערך ללקוח.
בפשטות, תוכלו לדעת בנוגע המון פרטים בנוגע לשימוש של המשתמשים באתר ויותר מזה, תוכלו לדעת לכמה משתמשים זה רלוונטי.
אם משתמש אחד מצא כפתור או אלמנט כלא נוח או אם 100 משתמשים מצאו משהו כלא נוח או מפריע, כמובן שנעדיף לטפל בבעיה שהפריע ל100 משתמשים קודם.

סוגי מפות חמות:

מפות גלילה – מפות אלה מציגות עד כמה המשתמשים גוללים באתר. תוכלו לדעת אם יש עמודים ארוכים מדיי או שאינם מושכים מספיק בשביל שהמשתמש ימשיך לגלול בעמוד.
בחנויות תוכלו לדעת אם ההוספה לסל נמצאת נמוך מדי בעמוד והמשתמשים לא מגיעים לכפתור בגלילה?
מפות קליקים – מפות אלה מציגות לנו כמות קליקים בכל אזור באתר. נוכל לוודא שכל כפתורי "קריאה לפעולה" שלנו עובדים כמו שצריך.
במידה ויש לנו בלוג באתר, תוכלו לדעת על מה המשתמשים לוחצים יותר ולהתאים את האתר בהתאם.
מפות תזוזה – מפות אלה מציגות את התזוזה של העכבר של המשתמש באתר, נוכל למצוא הסחות דעת באתר ולמנוע אותן בעתיד.
יתרונות של מפה חמה:
ניסויים באתר – תוכלו לבצע שינויים באתר ולמדוד איך השינוי השפיע על חווית המשתמש.
הפחתת ניחושים וביצוע פעולות עם ביטחון
לראות את האתר מהעיניים של הלקוח
ניתוח נפרד לטלפון ולמחשב
וכמובן שיש עוד המון יתרונות להטמעת מפה חמה באתר. גם אם לא נרצה להשתמש בה מיד, נרצה להתחיל לאסוף מידע כדי שביום שנצטרך אותה, כבר יהיה לנו מידע.

אז איך מחברים מפה חמה לאתר?

זמן: 15 דקות

 

  1. פתיחת חשבון בHotjar

    כנסו לקישור הבא:
    Hotjar
    תלחצו על הרשמה באמצעות אימייל או באמצעות גוגל (אין הבדל)
    פתיחת חשבון בHotjar

  2. לסיום ההרשמה, לחצו על "Start using Hotjar"

    לסיום, לחצו על

  3. הכניסו את כתובת האתר שלכם

    הכניסו את כתובת האתר שלכם

  4. לחצו על "Add code manually"

    לחצו על

  5. העתיקו את הקוד שהופיע

    העתיקו את הקוד שהופיע

  6. כנסו לאתר שלכם

    לחצו על אלמנטור > ניהול קודים
    כנסו לאתר שלכם

  7. והוסיפו קוד חדש

    והוסיפו קוד חדש

  8. הדביקו את הקוד

    בנוסף תנו שם לקוד החדש שלנו שנדע לזהות אותו בעתיד
    במיקום תוודאו שרשום "Head"
    לבסוף לחצו על "Edit" בצד שמאל בשורת התנאים
    הדביקו את הקוד

  9. הוסיפו את כל האתר ושמרו

    הוסיפו את כל האתר ושמרו

  10. לבסוף, לחצו על עדכון/פרסום וסיימנו באתר

    לבסוף, לחצו על עדכון/פרסום וסיימנו באתר

  11. תחזרו ל-Hotjar ולחצו על Verify installation

    תחזרו ל-Hotjar ולחצו על Verify installation

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

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

בקשת מדריכים

יש לכם רעיון למדריך שעדיין לא קיים? אתם מוזמנים לכתוב לנו ונדאג להוסיף אותו לאתר (:

הרשמה לניוזלטר

רוצים לקבל התראות למייל ברגע שעולה מדריך חדש?

דירוג ממוצע: 0 | מדרגים: 0

אהבת את המדריך? עזר לך?
אולי שיתוף יעזור לעוד אנשים (:
לא הסתדרת עם המדריך? משהו לא עובד?
אנחנו כאן לעזור! ;)

אולי יעניין אותך לקרוא גם...

דברו איתנו

אם יש לך אתר תדמית או חנות דיגיטלית שלא מרוויחים – אנחנו פה לעזור.
עדיין אין לך אתר כלשהו? אנחנו פה לתקן את זה ;)

אפשר להשאיר פרטים ואנחנו נדאג לך לכל השאר…

למעבר לוואצאפ, הכניסו את מספר הטלפון שלכם (:

יש לכם רעיון למדריך שעדיין לא קיים?
אתם מוזמנים לכתוב לנו ונדאג להוסיף אותו לאתר (:

רוצים עדכונים למייל כאשר עולה מידע חדש?
מוזמנים להשאיר פרטים ונדאג לעדכן אתכם (:

דילוג לתוכן