سلام، من می خواهم این مقاله را با یک نکته کوچک شروع کنم.

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

Yandex راه حل خود را در این راستا به توسعه دهنده ارائه کرد - یعنی "Yandex Map Constructor" که به مدیران وب اجازه می دهد تا به راحتی هر نقشه را به سایت خود اضافه کنند.

بنابراین، اکنون بیایید مستقیماً به اقدامات برویم.

1.) ابتدا به خود سازنده نقشه بروید - http://api.yandex.ru/maps/tools/constructor/.

نقشه و فیلدی را مشاهده می کنید که می توانید آدرس مورد نیاز خود را وارد کنید.

حتی بدون مجوز در Yandex می توانید یک نقشه موقعیت مکانی ایجاد کنید.

2.) آدرس مورد نیاز خود را وارد کنید، پس از آن یک اشاره با نام کامل خیابان، شهر و شماره خانه مشاهده خواهید کرد.

3.) پس از انتخاب آدرس، می توانید توضیحاتی را برای برچسب مشخص کنید و همچنین رنگ آن را انتخاب کنید. پس از انجام تنظیمات، روی دکمه "Ok" کلیک کنید. و صفحه را پایین می آوریم.

5.) کد ارائه شده را کپی کرده و در جای مناسب در سایت قرار دهید.

چند یادداشت

— این روشقرار دادن نقشه Yandex در یک سایت برای هر CMS مناسب است: جوملا، Opencart، WordPress و دیگران.

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

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

این همه برای امروز است، در مقالات بعدی من به ارسال برگه های تقلب ادامه خواهم داد کار فنیبا سایت ها

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

فکر می کنم حق با من باشد اگر بگویم توسعه فناوری های مدرن وب تا حد زیادی به دلیل گسترش است پلتفرم های موبایل(در درجه اول اندروید و iOS). برای مثال، با انتقال کلی اکثر منابع وب به جهانی شروع می شود طرح تطبیقیو به چیزهای کوچک ختم می شود، مانند شماره تلفن های قابل کلیک که می توانید با یک لمس آنها را شماره گیری کنید.

اما حتی چیزهای کوچک، گاهی اوقات، بسیار بازی می کنند پراهمیت. بیایید یک موقعیت را در نظر بگیریم. به عنوان مثال، دو سایت وجود دارد که پیشنهاد می دهند چیزی ارزان بخرید. نمایندگی های واقعی هر دو سایت در یک شهر (مثلاً در مسکو) واقع شده اند. آدرس دفاتر نمایندگی هم در آنجا و هم در آنجا مشخص شده است. اما در سایت اول آدرس به سادگی در جایی از زیرزمین نوشته شده است و در دومی به صورت تصویری به صورت نقشه طراحی شده است که کاربر می تواند روی آن کلیک کرده و بلافاصله مختصات را دریافت کند ... سوال برای خبره ها: "کجا خواهد شد فروش بالاتر باشد"؟ :)

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

روش های درج کارت

از نظر فنی، درج نقشه در یک وب سایت به اضافه کردن یک قاب به صفحه است که قطعه زمین مورد نظر را مستقیماً از یک سرویس نقشه برداری (معمولاً Google یا Yandex) نشان می دهد. یعنی ما به سادگی در صفحه وب با یک کارت در زیر آن نوعی "سوراخ" ایجاد می کنیم (به طور مثال، یک ویدیو از یوتیوب به همین ترتیب درج می شود).

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

Yandex، از این نظر، در ابتدا بسیار راحت تر است. این نه تنها یک API کامل، بلکه یک رابط وب آماده ("Map Constructor") را برای کار بصری با آن بدون دانش جاوا اسکریپت (در واقع آنالوگ "نقشه های من") فراهم می کند!

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

برچسب های شما در نقشه های گوگل

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

این سرویس به کاربر اجازه می دهد تا اقدامات زیر را انجام دهد:

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

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

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

همچنین ارزش توجه به دکمه کوچک را دارد "نقشه اصلی"در نوار کناری با کمک آن می توانید سبک خود نقشه را تغییر دهید (برای مثال من سبک "ماهواره" را ترجیح می دهم).

برای تنظیم نشانگر، منطقه مورد نظر را در نقشه و مقیاسی که در آن کار خواهیم کرد انتخاب کنید، پس از آن ابزار "افزودن نشانگر" را فعال کرده و در نقطه ای که قرار است علامت گذاری شود کلیک کنید. یک نشانگر کوچک و بالای آن یک کادر پاپ آپ با دو فیلد ورودی متن ظاهر می شود: نام نشانگر و توضیح کوتاه:

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

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

من می خواهم کمی در مورد موضوع بهینه سازی کد حاصل صحبت کنم:

واقعیت این است که به طور پیش فرض فریمی که با نقشه وارد می کنید دارای ابعاد کاملاً مشخص است. امروزه انجام طرح‌بندی تطبیقی ​​که به‌طور خودکار با اندازه صفحه نمایش تنظیم می‌شود، مهم است. با توجه به استانداردهای HTML، عرض و ارتفاع را نمی توان برای فریم به صورت درصد مشخص کرد، بنابراین بهتر است این پارامترها را به طور کلی در کد حذف کنید و با کلاس CSS جایگزین کنید و ابعاد را با استفاده از CSS یا سبک های درون خطی تنظیم کنید:

گزینه 1. با یک کلاس (درست تر)

نقشه گوگل (عرض: 100%؛ ارتفاع: 480 پیکسل؛)

گزینه 2: سبک های درون خطی

به این ترتیب می‌توانید یک نقشه تطبیقی ​​Google کاربردی و معتبر در سایت دریافت کنید:

علائم خود را در نقشه های Yandex

Yandex، همانطور که در بالا ذکر شد، در ابتدا گزینه های بیشتری برای ویرایش نقشه ها داشت. اولاً، سرویس "نقشه مردم" هنوز وجود دارد و توسعه می یابد، که در آن همه می توانند یادداشت های خود را روی یک نقشه مشترک ایجاد کنند. در مرحله دوم، یک API جاوا اسکریپت کامل وجود دارد که به مدیران وب اجازه می دهد تا ظاهر نقشه و برچسب های روی آن را حداکثر سفارشی کنند. و سوم، برای کسانی که با جاوا اسکریپت آشنایی ندارند، یک سرویس بصری "Map Constructor" وجود دارد که اکثر ویژگی های API را پیاده سازی می کند! بیایید نگاهی به آن بیندازیم:

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

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

پس از افزودن برچسب ها، می توانید آنها را با یک شباهت به مسیر پیوند دهید. برای انجام این کار، ابزار را فعال کنید "خطوط"و نقاط مرجع مسیر آینده را ترسیم کنید. برای تکمیل آن در آخرین نقطه، دوباره کلیک کنید و انتخاب کنید "برای تکمیل". به اندازه کافی عجیب، این ویژگی چند مزیت نسبت به مسیرهای گوگل دارد. اولاً می توانید خطوط را حتی در جایی که جاده وجود ندارد قرار دهید که به شما امکان می دهد مسیر عابر پیاده را با دقت بیشتری ترسیم کنید و ثانیاً طول خط تمام شده در نوار کناری نمایش داده می شود که همچنین بسیار راحت است.

اساساً همین است. برای دریافت کد کارت با علائم خود، روی دکمه کلیک کنید "ذخیره و ادامه" (پنل کناریدر زیر) و در پنجره ای که باز می شود، اندازه قسمت قابل مشاهده نقشه را تنظیم کنید. برای سازگاری، توصیه می کنم گزینه را فعال کنید "کشش به عرض"، پس از آن فشار دادن دکمه کافی است "دریافت کد کارت":

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

سایر نقشه های آنلاین

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

نقشه خیابان باز (OSM)

کارت ها نقشه خیابان بازبیشتر شبیه نقشه های منطقه است. هیچ رندر دقیقی از منظره و خانه ها وجود ندارد، اما، با این وجود، این ها تنها نقشه های آنلاینی هستند که به طور کامل توسط افراد واقعی ایجاد شده اند و می توانید خودتان آنها را ویرایش کنید. با توجه به فعالیت کاربران، نقشه های OSM در برخی از نقاط کره زمین حتی اطلاعات دقیق تری نسبت به نقشه های گوگل نمایش می دهند (البته این از همه جا دور است)!

در مورد احتمالات، در اینجا می توانیم برچسب هایی با توضیحات تنظیم کنیم و مسیرها را ترسیم کنیم. علاوه بر این، اگر یک ردیاب GPS دارید، داده های مسیر را می توان مستقیماً از آن به نقشه صادر کرد. نقشه های OpenStreetMap حالت ویرایش پیشرفته ای نیز دارند. در این حالت، نقشه‌های بینگ به‌عنوان پایه نمایش داده می‌شوند و می‌توانید هر گونه یادداشتی روی آن‌ها ایجاد کنید، خطوط و شکل‌هایی شبیه به «نقشه‌های من» گوگل بکشید. همه ویرایش های ذخیره شده به کارت مشترک، پس در انجام هر گونه تغییر مراقب باشید تا با اطلاعات نادرست عمدی سایر کاربران را گمراه نکنید!

ScribbleMaps

اگر از رابط انگلیسی زبان نمی ترسید و می خواهید نقشه ای با برچسب هایی به سبک نقشه های اولیه گوگل (با پنجره های پاپ آپ با توضیحات، تصاویر و حتی ویدیوها روی کلیک) دریافت کنید، ممکن است این سرویس را دوست داشته باشید. ScribbleMaps:

این سرویس به شما امکان می‌دهد از نقشه‌های محبوب‌ترین منابع (از جمله Google و OSM) به‌عنوان بستر استفاده کنید و از قبل علامت‌ها، شکل‌ها، مسیرها و حتی فقط تصاویر یا برچسب‌های متنی را در بالای آنها قرار دهید. به طور خلاصه، اگر نیاز دارید تا حد امکان اطلاعات خود را ترسیم کنید، ScribbleMaps باید در این زمینه به شما کمک کند.

البته باید توجه داشت که این سرویس دارای یکسری جنبه های منفی است. بخشی از عملکرد فقط به صورت پولی برای کاربران به اصطلاح VIP در دسترس است. اما، در اصل، برای درج برچسب ها و تصاویر، نیازی نیست که "VIP" باشید. و حتی بیشتر - می توانید یک نقشه ایجاد کنید و یک کد برای جاسازی آن در سایت حتی بدون ثبت نام دریافت کنید! این یک تناقض است :)

آنی مپ

اگر به طور ناگهانی می خواهید به بازدیدکنندگان خود نه تنها یک مکان روی نقشه را نشان دهید، بلکه مسیر رسیدن به آن را به وضوح نشان دهید، پس این سرویس می تواند در این مورد به شما کمک کند. آنی مپ:

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

شما می توانید مسیرهایی را بدون ثبت نام ایجاد کنید، اما فقط کاربران ثبت نام شده می توانند کد را برای جاسازی در سایت دریافت کنند.

نتیجه گیری

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

با داشتن حداقل دانش اولیه در زمینه فناوری های وب، می توانید کد نقشه دریافتی را با تطبیق پذیر کردن آن (مانند مورد Google) یا اضافه کردن عناصر اضافی (مانند Yandex) کمی بهبود بخشید. با استفاده از خدمات متعدد کارتوگرافی آنلاین خارجی، می توانید کاربران خود را حتی با انیمیشن روی نقشه شگفت زده کنید! اما هرچه پیشنهاد شما جالب تر باشد، مشتریان بیشتری جذب خواهد کرد؛)

P.S. کپی و نقل قول آزادانه این مقاله مجاز است، مشروط بر اینکه یک پیوند فعال باز به منبع ذکر شده باشد و نویسندگی روسلان ترتیشنی حفظ شود.

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

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

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

1. اولین کاری که باید انجام دهیم این است که به وب سایت Google Maps بروید.

2. حال برای انجام تمام عملیاتی که نیاز داریم، بهتر است به «اینترفیس کلاسیک» برویم.

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

یک پانل منوی کوچک بیرون‌شوی در مقابل شما باز می‌شود که در آن باید "اینترفیس کلاسیک" را انتخاب کنید.

پس از آن، یک پنجره پاپ آپ دیگر ظاهر می شود، جایی که از شما خواسته می شود بگویید چرا می خواهید از رابط کلاسیک استفاده کنید. می‌توانید یکی از موارد را علامت بزنید، یا نمی‌توانید آن را بررسی کنید، اما بلافاصله روی پیوند آبی رنگ «واسط کلاسیک» درست در زیر کلیک کنید.

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

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

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

4. اکنون باید کد را دریافت کنیم تا در صفحه وب خود جاسازی شود و همچنین تنظیماتی را انجام دهیم.

برای دریافت کد جاسازی، باید روی نماد کلیک کنیم تا یک لینک یا کد دریافت کنیم (در سمت راست نماد چاپگر قرار دارد).

5. در اینجا ما به کد HTML برای اضافه کردن به وب سایت علاقه مند هستیم (فیلد دوم).

همچنین در این کد می توانید برخی از پارامترهای قابل تغییر را مشاهده کنید. اینها ابعاد نقشه، یعنی ارتفاع و عرض آن است. همچنین می توانید یک قاب برای نقشه تعیین کنید. به‌طور پیش‌فرض، مقدار فریم صفر است، اما می‌توانید این را با تنظیم مثلاً یک تغییر دهید.

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

6. اکنون فقط باید کد کپی شده را در محلی از صفحه وب خود که می خواهید نقشه را ببینید جایگذاری کنید.

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

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

در نتیجه، کاربر موقعیت مکانی شما را با یک نشانگر مشخص می‌کند. او قادر خواهد بود نقشه را جابجا کند، بزرگنمایی و کوچکنمایی کند.

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

بنابراین، همه چیز بسیار ساده، کاربردی و راحت است.

برای سلامتی استفاده کنید!

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

همچنین اگر قبلاً مشترک نشده اید، در به روز رسانی های وبلاگ مشترک شوید. من به شما قول می دهم بسیاری از مواد مفید.

آنا کوتلنیکووا با شما بود.

برای شما آرزوی موفقیت دارم و دوباره شما را می بینم.

فعالیت مواد درسی

اهداف در سیستم های تحلیل وب مانند Yandex Metrika و تجزیه و تحلیل ترافیک گوگلو چگونه آنها را تنظیم کنیم؟

بیایید به این موضوع نگاه کنیم.

اگر وقت ندارید یا نمی خواهید در تمام ویژگی های تنظیم چنین هدفی غوطه ور شوید، می توانید این کار را به من بسپارید، من همه چیز را برای شما انجام خواهم داد.

در سیستم Yandex Metrica، اهداف را می توان در منوی تنظیمات - اهداف یافت.

در گوگل آنالیتیکس، اهداف در سطح ارائه هستند، یک آیتم منو به نام اهداف وجود دارد.

این «هدف» چه نوع ابزاری است و برای چیست؟

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

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

بسته به نوع سایتی که دارید و آن را برای چه چیزی ایجاد کرده اید، این نوع اقدامات ممکن است متفاوت باشد و خودتان می توانید تعیین کنید که کدام یک از این اقدامات برای شما ارزش بیشتری خواهد داشت.

به عنوان مثال، برای یک فروشگاه آنلاین، چنین اقدامات ارزشمندی می تواند باشد:

خرید یک محصول

بر روی دکمه "افزودن به سبد خرید" کلیک کنید

روی دکمه خرید کلیک کنید

این اقدامات برای یک فروشگاه آنلاین مستقیماً بر فروش آن تأثیر می گذارد. برای هدف اصلی که این فروشگاه اینترنتی ایجاد شده است، اما برای فروش کالا ایجاد شده است. بنابراین تمامی اقداماتی که کاربران در جهت حرکت به سمت خرید یک محصول انجام می دهند خواهد بود هدف قرار گرفته استبرای این سایت

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

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

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

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

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

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

اهدافابزاری است که به شما امکان می دهد اقدامات بازدیدکنندگان خود را که برای شما مهم هستند ثبت کنید.

اگر آنها را تنظیم کنید، سیستم تجزیه و تحلیل وب شروع به "دیدن" این اقدامات می کند.

اهداف سفارشی شده در سایت شما چه چیزی به شما خواهد داد؟

1) در مورد منابعی که افرادی را به سایت شما می آورند که از شما خرید می کنند یا اقدامات دیگری انجام می دهند، متوجه خواهید شد. شما می دانید که بازدیدکنندگانی که برای سایت شما هدف قرار می گیرند از کجا آمده اند.

با دانستن منابعی که برای شما مفید هستند، می توانید در آنجا سرمایه گذاری کنید پول بیشترو توجه کنید و نتایج بیشتری بگیرید.

2) می‌توانید گزارش‌های بصری بسازید که نه تنها داده‌هایی را در مورد تعداد افرادی که به سایت شما آمده‌اند، بلکه داده‌هایی را در مورد تعداد افرادی که این یا آن عمل هدف را انجام داده‌اند را نشان می‌دهد که برای شما مهم است. ستون های دستیابی به هدف و تبدیل ظاهر می شوند.

3) می توانید قیف هایی برای فرآیندهای چند مرحله ای بسازید.

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

4) با تعیین اهداف می توانید فقط بازدیدهای هدفمند را در گزارش ها فیلتر کنید.

5) امکان تبلیغ در سیستم هایی مانند Yandex Direct برای افرادی که اقدام هدف را در سایت انجام داده اند، وجود دارد. گوگل ادوردز. با کمک اهداف می دانید که گروه خاصی از بازدیدکنندگان به شما وفادار هستند و به محصول یا خدمات شما علاقه مند هستند و می توانید فقط برای این قشر علاقه مند تبلیغ کنید، هزینه کمتری برای تبلیغات پرداخت کنید و نتیجه بیشتری بگیرید.

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

به روند تجزیه و تحلیل آمار وب سایت شما شفافیت می بخشد

امیدوارم توانسته باشم شما را متقاعد کنم که اهداف برای سایت شما مهم هستند، به خصوص اگر این سایت در مورد فروش باشد.

اگر می‌خواهید درباره اهداف، نحوه تنظیم و مکان آن بیشتر بدانید، به ویدیوهای زیر بروید.

با انتخاب اهداف برای سایت، می تواند بسیاری از ویژگی ها، سوالات بحث برانگیز و بلاغی وجود داشته باشد.

بیایید با شما تلاش کنیم تا یاد بگیریم که چگونه رویدادهایی را در سایت تعیین کنیم که برای آنها باید، و برای آنها نباید اهداف تعیین کنید.

2) بنویسید برای چه رویدادهایی در این سایت هدف گذاری خواهید کرد؟ چرا این رویدادها را انتخاب کردید؟ چرا مهم است؟

بنویس، با هم می فهمیم، بحث می کنیم و یاد می گیریم.