آموزش کار با ابزارhotjar

 روش اول ثبت نام در سایت هاتجر:

 اگر با استفاده از sign up with email وارد شویم صفحه زیر را مشاهده میکنیم.

پس از اینکه فامیل و ایمیل خودتان را زدید واردصفحه زیر میشوید

داخل ایمیل خودتان رفته و کد را به شکل زیر از آنجا کپی و داخل کادر بالا PASTE میکنیم.

پس از وارد کردن صفحه زیر می آید

 در این صفحه باید یک پسورد قوی انتخاب کنید که هم  شامل حروف کوچک هم حروف بزرگ و هم شامل کاراکتر باشد. چک باکس اکسپت را میزنیم و تازه وارد عمیات ثبت نام میشویم.

سه گزینه بالا را بهتر است هر سه را تیک بزنید در قسمت اول میگوید آیا میخواهی که با توجه به شواهدی که از طریق این سایت بدست می آوری آیا میخواهی خریدهایت را انجام بدهی؟ در قسمت دوم میگوید با استفاده از این ابزار میتوانی فرصت هایت را بهبود ببخشی و فرصت های بهبود محصولت را شناسایی کنی.قسمت سوم میگوید برای اطمینان از برنامه های خود شواهدی را از رفتار و بازخورد کاربر جمع آوری کنید.  پس بهتر است که این سه گزینه هر سه فعال باشند

سپس گزینه  NEXT را زده وارد مرحله زیر میشویم

در این مرحله از ما می خواهد که نقش خودمان را مشخص کنیم مثلا به عنوان طراح وب هستیم یا دیجیتال مارکتر و …. سوال بعدی این است آیا میخواهی این گزارشات را علاوه بر خودت افراد دیگر هم مشاهده کنند سپس نام سازمانی را از ما میخواهد و در اخر کار هم در مورد اندازه سازمان میپرسد.

گزینه  next را زده وارد مرحله بعدی میشویم

دراین مرحله از ما میخواهد که ادرس url سایت و نوع سازمان خود را مشخص کنیم (فروشگاهی، اموزشی ، خدماتی و …) و ثبت نام در این مرحله به پایان میرسد.

 و سپس در این مرحله به ما یک tracking code میدهد که باید آن را در قسمت head سایت جایگذاری کنیم . اگر سایت شما وردپرسی و است و قالب شما این امکان را میدهد که در هد سایت بگذارید آن را آنجا قرار دهید اگر این امکان را قالب شما نمیدهد از افزونه ی  insert headers an footer  استفاده کنید واگرقالب شما اختصاصی است از برنامه نویس خود کمک بگیرید.

البته اکانت شما 14 روزه رایگان است و اگر بخواهید که بیشتر استفاده کنید باید هزینه بپردازید.

روش دوم ثبت نام در سایت هاتجر:

اگر با استفاده از  sign up with google وارد شویم صفحه زیر را مشاهده میکنیم.

اگر از روش دوم اقدام کنید بهتر است و دیگر نیاز به تاییدیه ایمیل  و گرفتن پسورد  مانند روش اول ثیت نام در سایت هاتجر نیست و به یکباره وارد صفحه زیر میشویم.

بقیه مراحل دقیقا شبیه آنچیزی است که در روش اول ثبت نام در سایت هاتجر گفته شد.

روشهای قرار دادن  کد hotjar  برروی سایت

استفاده از روش دستی برای قراردادن کدهای هاتجر

ما یک tracking code میدهد که باید آن را در قسمت head سایت جایگذاری کنیم

 قرار دادن کدهای به کمک پلتفرم‌ها هاتجر با گوگل تگ منیجر

پس از یافتن کد Site id وارد سایت تگ منیجر شده ابتدا یک تگ تعریف میکنیم به شکل زیر و برای  تگ جدید روی گزینه New کلیک کنید و یک اسم  Hotjar برای تگ خود وارد کنید. در بخش Tag Configuration نوع تگ را Hotjar Tracking Code انتخاب کنید و سپس در قسمت Hotjar Site ID کد یادداشت کرده را وارد کنید

سپس یک متغیر تریگر به شگل زیر تعریف میکنیم. در بخش Triggering یک تریگر از نوع Page View که در تمامی صفحات فعال شود و گزینه submit را بزنید

در ادامه وارد سایت Hotjar شوید و در قسمت نصب دستی کد، گزینه Verify Installation را کلیک کنید و در صفحه باز شده دوباره روی Verify Installation بزنید.

ارسال کد هاتجر به سمت متخصص سایت

قطعه کد سایت را برای متخصص خود ایمیل کنید تا او کار نصب را انجام دهد. برای استفاده از این روش روی گزینه Share code کلیک کنید و در قسمت بعد ایمیل کسی که می‌خواهید کد برایش ارسال شود را وارد کنید و Send email را بزنید.

و درنهایت در قسمت

پلتفرم های مختلفی برای قراردادن کد وجود دارد مانند وردپرس اگر سایت شما وردپرسی و است و قالب شما این امکان را میدهد که در هد سایت بگذارید آن را آنجا قرار دهید اگر این امکان را قالب شما نمیدهد از افزونه ی  insert headers an footer  استفاده کنید از جمله پلت فرم های دیگر مثلwix-shopify-magento-squarespace-drupal-prestashop-clickfunnel , …. هم استفاده میشوند

 امکانات سایت هاتجر

• داشتن نقشه گرمایشی یا هیت مپ

 هیت مپ چیست:

هیت مپ یک نقشه ردیای حرکت موس است و نحوه تعامل کاربر را با قسمت های مختلف صفحه مشخص میکند .بدین صورت که از رنگ گرم (قرمزو..) به عنوان تعامل بیشتر و از رنگ های سرد(خاکستری….) به عنوان رنگهایسرد استفاده میشود . آنجاهایی که تعامل کاربر بیشتر بوده یعنی بازدید کننده بیشتری به خود جلب کرده و بیشتر مورد توجه قرار گرفته و آنجاهایی که  کمتر مورد توجه بوده و توجه کمتری به خود جلب کرده به رنگ سرد است.

البته غیر از هاتجار یک سری سایت های دیگری هم هستند که نقشه گرمایشی را به ما میدهند ولی آنها بیشتر ربات ها اینکار را انجام میدهند و دقیق نیست.

نحوه ساختن هیت مپ وارد سایت شده و گزینه ی   new heatmap است.

پس از آن به صفحه زیر وارد میشویم.

در قسمت نام یک نام برای هیت مپ خود تعیین کنید

در قسمت فرمت اگر بخواهید به صورت رایگان آن را استفاده کنید باید از گزینه 1000  page views استفده کنید

در قسمت page targeting باید ادرس  url  صفحه ای که میخواهیم نقشه هیت مپ آن را نمایش دهد میگزاریم البته بهتر است که به عنوان اولین نقشه ادرس url صفحه اصلی سایت خود را بدهید.

در قسمت  reviews and save گزینه save را میزنیم البته یکم طول میکشه ممکنه یک روز باید صبر کنید تا ساخته شود.

پس از اینکه ساخته شد صفحه زیر را خواهیم دید

در قسمت بالا و در قسمت  device مشخص میشود که با چه نوع device ای و چند نفر وارد سایت ما شده اند- چند نفر با دسکتاپ چند نفر با تبلت و چند نفر با موبایل وارد شده اند. بعد مشخص میشود که کجا ها بیشتر کلیک کرده اند  همانطور که در تصویر بالا مشاهده میکنید میگوید که کاربران سایت شما کجا ها بیشتر کلیک کرده اند .

اگر بخواهیم بدانیم که کاربران سایت شما چطوری و در کجاها بیشتر حرکت کرده اند روی گزینه ی  move میرویم به شکل زیر:

و در نهایت اگر بخواهیم بدانیم که کاربران سایت شما کجاهای سایت بیشتر اسکرول کرده اند گزینه scroll را به شکل زیر میزنیم.

سایت شما میتواند یک سایت محصول محور باشد یعنی محصولی را برای فروش گذاشته باشید یا سایت خدمت محور به معنای آنکه شما خدمتی را برای ارئه در سایت گذاشته اید و یا سایت شما سایت آموزشی است و بلاگی را برای آموزش قرار داده اید.

حالا میخواهید مثلا یک کمپین تبلیغاتی راه بیندازید  و ببیند در کجای سایتتان قرار دهید یا اینکه یک طراح ux دارید ببنید روی کدوم قسمت سایت کار کنه بهتره درست است که هیت مپ یا نقشه گرمایشی به ما کمک میکند بفهمیم در کجای سایت نرخ تعامل بیشتر بوده و مورد توجه بیشتری بوده است و احتمالا نظر شما این است که تبلیغات را در جایی بگذارید که مخاطب بیشتری به خود جلب کرده است، اما نظر من بیشتر این است که در اواسط یا فوتر سایت بگذارید چون آنجاست که فرق مشتری وفادار با غیر وفادار مشخص میشود.

البته باز هم به نظر شما بستگی دارد اگر هدفتان این است که یک هدف عمومی یا یک محصول کلی دارید که میخواهید مخاطبان بیشتری درگیر سایت شما شوند در آنجا که تعامل بیشتر است قرار دهید و اگر هدفتان یک هدف تخصصی است که میخواهید مشتریان وفادارتان ببینند در قسمت فوتر تبلیغ خود را قرار دهید.

• داشتن رکورد از کاربران سایت

وقتی هیت مپ ساخته شد به مرور برای شما رکوردهایی به شکل زیر ثبت میشود.

در این صفحه مشخص میگردد که این کاربر از کدوم کشور وارد سایت ما شده   اند و چطوری وارد سایت ما شده اند ایا از سایت دیگه ای وارد شده اند. لندینگ پیج صفحه ما کدوم صفحه بوده است. چند صفحه را مشاهده کرده و چند دقیقه در سایت ما مانده است و چه روزی و چه ساعتی وارد سایت ما شده است.

روی هر کدام از رکوردها  play  را بزنید برای شما اجرا میشود

• قسمت بعدی قسمت  incoming feedbackیا نظر سنجی است 

روی گزینه ی  new feed back widget کلیک کنید. صفحه ای به شکل زیر باز میشود

در قسمت  apprerience به شکل زیر:

 بخش appreance مشخص میکنی از چه زبانی استفاده میکنی، نظر سنجی در کجای سایت قرار بگیرد شکلک های مورد استفاده استایل و رنگ نظرسنجی به چه شکل باشد.

قسمت step  به شکل زیر است:

در قسمت steps  سوالی که به عنوان نظر سنجی برایت مطرح است را مینویسی

در قسمت  targeting  که به شکل زیر است:

در  قسمت  targeting میگویی نظر سنجی را روی چه دیوایسهایی نشان بدهد دسکتاپ، تبلت و موبایل و آیا روی همه پیج ها و یا فقط روی یک پیج خاص برای همه کاربران یا کاربر خاص.

در قسمت  forward feedback که به شکل زیر مشاهده میکنیم:

میتوانید در قسمت forward feedback ایمیل خود را بدهید تا نظرات برای شما ایمیل شوند

در قسمت actions که به شکل زیر است:

 در قسمت actions میگوییم ایا این نظر سنجی فعال یا غیر فعال باشد و در اخر save را میزینم.

• در قسمت بعدی  surveys میتوان یک پرسشنامه برای کاربر ساخت.

قسمت اول  name یک نام برای پرسشنامه خود میسازیم.

در قسمت دوم Location  که در شکل زیر مشخص است:

در  قسمت  location میگوییم که این پرسشنانمه کجا نمایش داده شود به صورت یک پاپ اپ در پایین سمت راست یا به صورت تمام صفحه و یا اینکه به صورت یک لینک در تب جداگانه از صفحه ما .

در قسمت سوم Questions که به شکل زیر است:

در  قسمت QUESTIONS یک سری سوال برای آنها مطرح میکنیم که میتواند سوالات توضیحی ، رادیو باتن ،چک باکس و … باشد و با زدن دکمه  next به سوالات بعدی برود.

در قسمت Appearance یا ظاهر که به شکل زیر است:

در قسمت  Appereance میتوان رنگ قسمت پرسشنامه و رنگ باتن و موقعیت آن را تغییر داد.

قسمت بعدی قسمت Targeting است به شکل زیر است:

در قسمت  Targeting منظور این است که این پرسشنامه در کجا به نمایش گذاشته شود روی دسکتاپ، تبلت یا موبایل و…آیا روی همه پیج ها اعمال شود یا فقط یک پیج و اینکه آیا برای همه کاربران اعمال شود یا یوزر خاص.

در قسمت بعدی Behavior  که به شکل زیر است:

در  قسمت   behavior ما مشخص میکنیم که اولا این پرسشنامه کی به کاربر نمایش داده شود بعد از اینکه صفحه لود شد با یک مدت زمان تاخیر و….و سوال بعدی این است که چند بار این پرسنامه را کاربر ببینه آیا وقتی Submit    کرد دیگر نبیند یا فقط یک بار ببیند حتی با اینکه پاسخی نداده  یا با اینکه جواب داده بارها  و بارها ببینه

 قسمت بعدی Forward Response  که به شکل زیر است:

در قسمت forward responses میتوانیم ایمیل خودمان را بدهیم تا اگر پاسخی به پرسشنامه ما داده شد آن را مشاهده کنیم.

قسمت بعدی Actions  است که به شکل زیر است:

در  قسمت Actions هم برای فعال سازی پرسشنامه میتوان گزینه active و سپس save  را بزنیم.

سوالات متداول در مورد ابزار هاتجر

1-آیا ابزار هاتجر رایگان است؟

این ابزار به مدت 14 روز رایگان است و اگر به مدت بیشتری بخواهید از این ابزار استفاه کنید باید پول بپردازید.

کاربرد ابزار هاتجر چیست؟

برای آنالیز دیتای مخاطب و تحلیل رفتار کاربر بدرد میخورد

تفاوت ابزار هاتجر و ابزار آنالیتیکس

سرویس‌هایی که هاتجر روی آن تمرکز کرده است مانند بازخورد و نظرسنجی را آنالیتیکس ارائه نمی‌کند ،نقشه‌های حرارتی و ضبط ویدیو را نیز شاید به‌سختی بتوان در آنالیتیکس به نتایج مشابه آن رسید . بیشتر مناسب طراحان تجربه کاربری  است درصورتی‌که آنالیتیکس به دلیل تمرکز روی رفتارهای گروهی کاربران، منابع ورودی آن‌ها و تبدیل‌های انجام شده است و بیشتر دیجیتال مارکتر ها از آن بهره میگیرند.

آیا بخش Conversion Funnels و Form Analytics هنوز در ابزار هاتجر موجود است؟

خیر موجود نیست هاتجر تشخیص داده است سطح این دو سرویس نسبت به بقیه رقبا مانند گوگل آنالیتیکس پایین‌تر است و نمی‌تواند در آن‌ها به خوبی رقابت کند و به همین دلیل تصمیم به حذف این سرویس‌ها گرفته است.

آیا میتوانیم در ایران از هاتجر استفاده کنیم؟

بله در ایران هم قابل استفاده است.

آیا با استفاده از گوگل تگ منیجر میتوان هاتجر را نصب کرد؟

بله البته ما در آموزش گوگل تگ منیجر کاملا عملی به شما آموزش نصب hotjar را از طریق تگ منیجر یاد داه ایم

آیا استفاده از ابزار hotjar باعث افزایش فروش میشود؟

 بله با استفاده از این ابزار رفتار کاربر را بررسی کنید و باگ های سایت خود را از بین ببرید و مشتریان خود را افزایش دهید. افزایش مشتریان به معنای افزایش سود و درآمد کسب و کار است و این موضوعی است که تمامی کسب و کارها به دنبال آن هستند!

 نتیجه گیری :

پس در این آموزش ما به شما ابتدا در مورد اهمیت ابزار هاتجر صحبت کردیم و چرایی استفاده از ابزار هاتجر را توضیح دادیم در مورد امکاناتی که سایت هاتجر به ما میدهد بحث کردیم ، سپس نحوه ثبت نام در سایت هاتجر که به دو روش است صحبت شد و پس از آن وارد محیط هاتجر شدیم و  تمامی آنچه را که بلد بودیم در مورد کار با ابزار هاتجر را به شما یا دادیم.

 ابزار HOTJER می‌تواند در پیدا کردن مشکلات سایت و بهینه کردن تجربه کاربری، کمک زیادی کند

 در اینجا آموزش ما به پایان میرسه امیدوارم تونسته باشم آنچه که شما نیاز دارید برای کار به ابزار hotjar بدانید را به شما یاد داده باشم. البته همانطور که میدانید هیچ آموزشی بی عیب و نقص نیست و ما هم از این موضوع مستثنی نیستیم . خیلی خوشحال میشیم نظرات انتقادات و پیشنهادات خودتان را با ما در میان بگذارید در زیر این آموزش میتوانید در قسمت دیدگاه ها نظرتون را بفرمائید و ما هم سعی میکنیم در آموزش های بعدی نقطه نظرات شما عزیزان را در نظر بگیریم.

موفق و پیروز و سربلند باشید.