أفضل 5 أدوات تفاعلية مجانية لخرائط Google لمواقع الويب في عام 2022

نشرت: 2022-08-04

تتمثل إحدى أفضل الطرق للتأكيد على مواقع عملك في استخدام خريطة على موقع الويب الخاص بك حتى يتمكن المستخدمون من العثور بسهولة على المسار الأسرع. تعد أداة خرائط Google أداة مفيدة لأي نشاط تجاري يريد إضافة عنصر واجهة مستخدم خريطة إلى موقع ما.

في هذه المقالة ، ستجد أفضل خمس أدوات خرائط مجانية لخرائط Google لاستخدامها على موقعك.

5 نصائح يجب مراعاتها عند استخدام خرائط Google على موقع ويب

  1. تحديد جميع مواقع الأنشطة التجارية - إذا كان لنشاطك التجاري مواقع متعددة ، فتأكد من إضافتها حتى تقترح خرائط Google أقرب موقع بناءً على موقع المستخدم. تدعمها معظم أدوات خرائط Google المدرجة أدناه.
  2. التضمين في مواقع مناسبة - قد تتسبب بعض مكونات خرائط Google الإضافية لمواقع الويب في سرعة تحميل الموقع. لذلك ، قم بتضمينها فقط في الأماكن المناسبة مثل "صفحة الاتصال" في موقعك. بالإضافة إلى ذلك ، يمكنك اختبار استخدام خدمة مثل Google Tag Manager أو Zaraz by Cloudflare لتحميل البرنامج النصي لأداة خرائط Google بشكل غير متزامن لمعرفة التأثير على سرعة الصفحة.
  3. تعيين عناصر التحكم في الخريطة - اجعل أدوات خرائط Google سهلة الاستخدام عن طريق تمكين عناصر التحكم في الخريطة مثل أنواع الخرائط (خارطة الطريق ، والأقمار الصناعية ، والتضاريس) ، والتكبير / التصغير ، والقياس ، والتدوير ، وملء الشاشة والمزيد.
  4. اختبار A / B - جرب ألوان خرائط مختلفة ، ومواضع عناصر واجهة المستخدم ، وما إلى ذلك ، لتحديد الأداء.
  5. استخدم عناصر تعزيز التحويل الأخرى - لنفترض أنك قمت بإعداد ملف تعريف نشاطي التجاري على Google الخاص بشركتك. فلماذا لا يتم تضمين مراجعات Google على موقع الويب؟

أفضل أدوات خرائط Google لموقع الويب الخاص بك

ملاحظة : قد تضطر إلى إنشاء API لخرائط Google على منصة Google Cloud ، والتي قد تكلف بناءً على استخدامك.

أداة خرائط جوجل ElfSight

أداة خرائط جوجل ElfSight

ElfSight هي خدمة شائعة توفر مكونات إضافية مختلفة لمواقع الويب مثل تقويم الأحداث مع زر CTA ومراجعات Yelp وإحصاءات فيروس كورونا ومشغل الصوت وشريط تمرير الشهادات.

تمتلئ أداة خرائط Google الخاصة بها بالعديد من الميزات وتتيح لك إنشاء أدوات خرائط Google سريعة الاستجابة مخصصة لموقع الويب الخاص بك.

محرر عنصر خرائط Google Elfsight
محرر عنصر واجهة مستخدم خرائط Google المرئي - كل عنصر واجهة مستخدم قابل للتخصيص بالكامل.

دلائل الميزات

  • اجعل عملك سهل الوصول إليه من خلال معلومات الاتصال التفصيلية - تتيح لك أداة خرائط Google من ElfSight إظهار أنواع مختلفة من معلومات الاتصال على الخريطة: إضافة علامات وعرض الحد الأقصى من التفاصيل في نوافذ المعلومات الخاصة بهم ، بما في ذلك الهاتف والعنوان وساعات العمل والمزيد ؛ قم بتوحيد جميع مواقعك في قائمة واحدة على لوحة الموقع لعرض سهل الاستخدام.
  • البحث التلقائي عن المسار وحساب الوقت - سيتمكن زوار موقعك الإلكتروني من رؤية المسار الأكثر فعالية للمشي أو القيادة وحساب المسار على لوحة الاتجاهات دون مغادرة صفحتك.
  • خمس طبقات خريطة - POI (نقاط الاهتمام) (كيان جغرافي مخصص مثل حدث رئيسي أو معهد أو موقع تراث أو مكتب شركة) وحركة المرور والنقل العام والدراجات والتجوّل الافتراضي. يمكنك تمكين جميع العناصر على الخريطة.
  • مواقع متعددة وأكثر من 50 رمزًا - أضف عددًا غير محدود من العلامات إلى خريطتك: المتاجر والمطاعم والأماكن العامة والمتنزهات - اختر من مكتبة تضم أكثر من 50 فئة ، لكل منها رمزها.
  • عناصر التحكم في الخريطة - تتيح لك أداة خرائط اتجاهات Google ElfSight تمكين عناصر التحكم مثل نوع الخريطة (القمر الصناعي ، والتضاريس ، وخريطة الطريق) ، والتجوّل الافتراضي ، والتكبير ، والمقياس ، وما إلى ذلك ،
  • أنماط خرائط Google المخصصة (JSON) - هناك أربعة أنماط مدمجة (افتراضي ، فضي ، ليلي ، قديم) ، ويمكنك إنشاء خريطة ألوان مخصصة أو إضافة واحدة باستخدام JSON. يمكنك إنشاء نمط خرائط Google مخصص من خلال Google Data Studio (هنا برنامج تعليمي) أو Snazzymaps.
  • الإجراءات على نقرة العلامة - فتح نافذة المعلومات (لوحة تحتوي على التفاصيل التي تحددها) ، إعادة التوجيه إلى URL (الأفضل لتوجيه المستخدمين إلى الصفحات المناسبة مثل صفحة الحجز أو التسجيل) ، لا شيء (لن يحدث شيء)
  • الرسوم المتحركة - اجذب انتباه القراء باستخدام الرسوم المتحركة ذات العلامات.
  • تضمين في أي موقع - بغض النظر عما إذا كنت تستخدم WordPress أو مواقع Google أو Blogger أو Brizy أو Weebly أو Wix أو Webflow أو Squarespace أو Clickfunnels أو أي موقع HTML ، يمكنك بسهولة تثبيت أداة موقع خرائط Google عن طريق وضع مقتطف الشفرة.
  • الإحصائيات والتحكم في الموقع - اكتشف عدد المشاهدات التي تلقتها كل عنصر واجهة مستخدم وعلى أدوات المواقع التي تم تضمينها. يمكنك حظر المواقع من لوحة معلومات ElfSight بسهولة - خيار ممتاز للوكالات.

إليك مقطع فيديو حول استخدام ElfSight لإنشاء أداة خرائط Google لموقع الويب.

مولد القطعة خرائط جوجل

قم بإنشاء عنصر واجهة مستخدم خرائط Google الخاص بك أدناه.

التسعير

لدى ElfSight نموذجان للتسعير. تسعير التطبيق الواحد وجميع أسعار التطبيقات. يتم عرض أسعار المكوّن الإضافي لخرائط Google فقط أدناه.

تسعير أداة خرائط جوجل Elfsight
  • Lite - مجانًا - موقع ويب واحد ، 200 مشاهدة شهريًا ، شعار ElfSight
  • أساسي - 5 دولارات شهريًا - مواقع ويب غير محدودة ، 5000 مشاهدة شهريًا ، بدون شعار ElfSifght
  • Pro - 10 دولارات شهريًا - مواقع غير محدودة ، 50000 مشاهدة شهريًا ، بدون شعار ElfSifght
  • Enterprise - 25 دولارًا شهريًا - مواقع غير محدودة ، 5000000 مشاهدة شهريًا ، بدون شعار ElfSifght

تتضمن جميع حزمة التطبيقات أداة خرائط Google وأكثر من 40 تطبيقًا آخر ، مثل أداة التعليقات All-in-one. تفاصيل التسعير مبينة أدناه.

أسعار حزمة Elfsight لجميع التطبيقات

انقر هنا لتجربة أداة خرائط Google ElfSight.

البرنامج المساعد Powr Maps

البرنامج المساعد لخرائط باور

Powr هو موقع مثل ElfSight يوفر مكونات إضافية قوية لترقية الموقع. يوجد حاليًا أكثر من 40 تطبيقًا مختلفًا في مكتبة تطبيقات Powr. ساعة العد التنازلي لرسائل البريد الإلكتروني وصانع جدول التسعير وموقت العد هي بعض منها.

مثل معظم تطبيقات Powr ، فإن المكوِّن الإضافي Powr Maps غني بالميزات ، وعلى عكس عنصر واجهة مستخدم خرائط Google ElfSight ، لا يتطلب Powr مفتاح API لخرائط Google .

محرر خرائط باور
محرر البرنامج المساعد Powr Maps

دلائل الميزات

  • مزودان للخرائط - افتح خريطة الشارع أو خرائط Google.
  • ما يصل إلى 5 دبابيس موقع - قم بتثبيت ما يصل إلى 5 مواقع على أداة خرائط Google.
  • خرائط تفاعلية لأي موقع - سيتمكن المستخدمون من تكبير / تصغير حجم الخريطة وتغيير نوع الخريطة وما إلى ذلك مباشرةً من موقعك.
  • لوحة الموقع للتنقل السريع - ضع قائمة بجميع المواقع التي تريد تمييزها ، ويمكن للأشخاص النقر فوق كل عنصر ومعرفة الموقع الدقيق والمسافة والمسار من موقعهم الحالي.
  • تسعة أنماط عرض فريدة - اضبط نمط عنصر واجهة المستخدم ليتوافق مع سمة موقع الويب الخاص بك.
  • يدعم النص بأي لغة - توطين الأداة مع النصوص المخصصة
  • الخطوط والألوان والخلفيات المخصصة والمزيد - اختر من بين أكثر من 10 خطوط مختلفة ، وقم بتغيير حجم الخط وألوان النص والمزيد.
  • تخصيص حجم عنصر واجهة المستخدم - اضبط عرض الأداة.
  • CSS مخصص - يتيح لك Powr تصميم المكوِّن الإضافي لخرائط Google باستخدام CSS مخصص.
  • Custom JavaScript - تنفيذ أكواد JavaScript عند تحميل البرنامج المساعد على أحد المواقع.
  • التثبيت على أي نظام أساسي - يمكنك بسهولة تضمين المكوِّن الإضافي لموقع خرائط Google على أي نظام أساسي عن طريق نسخ مقتطف رمز HTML ولصقه.

إليك كيفية إنشاء أداة خرائط Google مجانية لموقع ويب باستخدام المكوّن الإضافي Powr Maps.

تجريبي

التسعير

المكوّن الإضافي لخرائط Google من Powr مجاني. ومع ذلك ، قد تضطر إلى الترقية إلى خطة مدفوعة لاستخدام ميزات إضافية مثل استيراد الموقع الجماعي عبر CSV وعرض أقرب موقع.

تسعير البرنامج المساعد خرائط بور
  • مجاني - 5 مواقع ، علامة Powr التجارية على القطعة
  • Starter - 5.49 دولارًا أمريكيًا في الشهر - 10 مواقع ، وشريط البحث ، ورقم التعريف الشخصي المخصص ، وعرض أقرب موقع ، ولا توجد علامة تجارية لـ Powr
  • Pro - 13.49 دولارًا في الشهر - 50 موقعًا ، شريط البحث ، دبوس مخصص ، CSS & JS مخصص ، عرض أقرب موقع ، استيراد جماعي عبر CSV ، بدون علامة تجارية Powr
  • الأعمال - 89.99 دولارًا شهريًا - مواقع غير محدودة ، شريط بحث ، رقم تعريف شخصي مخصص ، CSS & JS مخصص ، عرض أقرب موقع ، استيراد جماعي عبر CSV ، بدون علامة تجارية لـ Powr

انقر هنا لتجربة البرنامج المساعد Powr Map.

خرائط الفسفور الابيض

إضافة WP Maps WordPress

في حال كنت تستخدم WordPress لتشغيل موقعك وتبحث عن مكون إضافي للخرائط ، فإن WP Maps by flippercode هو برنامج ممتاز يحتوي على الكثير من الميزات والخيارات القابلة للتخصيص.

دلائل الميزات

  • خرائط ومواقع غير محدودة - قم بتثبيت مواقع غير محدودة بمعلومات متنوعة على خرائط غير محدودة.
  • تخصيص العلامات - عيّن علاماتك الخاصة للفئات أو اختر علامات ملونة من أكثر من 500 علامة جاهزة من مجموعة أيقونة الخرائط.
  • أربعة أنواع من الخرائط - خارطة الطريق ، القمر الصناعي ، الهجين ، التضاريس
  • التجوّل الافتراضي - تمكين التجوّل ثلاثي الأبعاد وعنوان Pov (وجهة نظر) و Pov Pitch للتجوّل الافتراضي.
  • تصميم الخرائط - خرائط Google المخصصة من Snazzymaps.com.
  • التحكم في البحث على خريطة الواجهة الأمامية للبحث عن الموقع
  • دعم متعدد اللغات ووظيفة صور بزاوية 45 درجة والمزيد.

WP Maps هو مكون إضافي مجاني للخرائط لبرنامج WordPress. تتضمن نسخته المدفوعة (PRO) المزيد من الميزات مثل استيراد / تصدير المواقع ، واقتراحات التوجيه والمسار للزوار ، والدعم متعدد المواقع.

خرائط Snazzy

سنازي مابس

Snazzy Maps هي خدمة عبر الإنترنت تتيح لك إنشاء أدوات خرائط Google الأنيقة عبر الإنترنت مجانًا. جميع الأنماط مرخصة بموجب المشاع الإبداعي وهي مجانية تمامًا للاستخدام.

منشئ الخرائط Snazzymaps

دلائل الميزات

  • مكتبة الأنماط - هناك الآلاف من أنماط عناصر واجهة المستخدم لخرائط Google ، ولكل منها درجة مفضلة بناءً على اختيار الأشخاص. يمكنك استكشاف آلاف الأنماط ، والحصول على أكواد JSON الخاصة بهم ، واستخدام الأنماط عند إنشاء أدوات خرائط Google قابلة للتضمين.
  • إنشاء أنماط أدوات خرائط Google الخاصة - عملية خطوة بخطوة تجعل من السهل إنشاء أسلوبك الخاص.
  • إنشاء خريطة - استخدم نمط الخريطة ، وقم بتعيين حجم الأداة والمواقع ، وإضافة علامات ، وتخصيص اللغة ، وعناصر التحكم ، وإعدادات السلوك وإنشاء رمز مصدر لخريطة Google.
  • الإضافات - استخدم مكون WordPress الإضافي لإنشاء خرائط Google وتثبيتها داخل موقع WordPress الخاص بك.

SnazzyMaps هو موقع ويب مجاني يتيح لك استكشاف أنماط عناصر واجهة مستخدم خرائط Google ، وإنشاء أنماط خاصة بك ، وإنشاء رمز خرائط Google قابل للتضمين لموقع الويب.

انقر هنا لتجربة SnazzyMaps.

WordPress Maps Plugin for Google Maps

أداة خرائط WordPress لخرائط Google

إذا كنت تستخدم WordPress لتشغيل موقعك وتبحث عن مكون إضافي للخرائط ، فإن المكون الإضافي لعناصر خرائط Google من WebFactory Ltd ممتاز.

دلائل الميزات

  • حجم خريطة جوجل المخصصة
  • اختر أي نوع من خرائط Google - خريطة الطريق ، خريطة القمر الصناعي ، خريطة التضاريس ، الخريطة المختلطة.
  • مخططات ألوان خرائط Google
  • نوع الرابط - خريطة العرض المبسط ، عنوان URL المخصص
  • التحكم في مستوى التكبير
  • قم بتعيين لغة خرائط Google ، ورمز الدبوس المخصص ، والأكواد القصيرة لتضمين خريطة Google في أي مكان على موقع WordPress الخاص بك ، والمزيد.

يوفر WebFactory LTD مكونًا إضافيًا آخر يسمى "Map Block لخرائط Google" لمحرر كتلة Gutenberg.

البرنامج المساعد مجاني. هناك إصدار Pro يتضمن المزيد من الميزات.

الكلمات النهائية على أفضل عناصر واجهة مستخدم خرائط Google لمواقع الويب

يمكن أن يؤدي استخدام الأدوات الصحيحة في الأماكن الصحيحة إلى تحويل الحملات ذات الأداء الضعيف إلى حملات متعادلة أو مربحة. شاركت مقالاتنا السابقة كيفية إضافة زر PayPal Pay مخصص إلى موقع الويب ، وعناصر واجهة مستخدم للعد التنازلي لمواقع الويب ، وما إلى ذلك ، لتحسين معدلات التحويل في مواقعك. وبالمثل ، فإن استخدام أداة خرائط Google على موقع ويب مفيد بشكل خاص للشركات المحلية والدولية.

أنا شخصياً أوصي باستخدام خدمة مثل ElfSight و Powr لأن تلك الخدمات توفر المزيد من أنواع عناصر واجهة المستخدم التي ستكون مفيدة في المستقبل. تحقق من مراجعة ElfSight مقابل Powr للتعرف على الاختلافات الرئيسية والإيجابيات والسلبيات ، وما إلى ذلك ،