كيفية تضمين خرائط جوجل في موقع الويب الخاص بك

نشرت: 2022-05-15

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

إنه أسهل مما يبدو.

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

تضمين خرائط جوجل ، تضمين خرائط جوجل في الموقع

سنشرح في هذه المقالة كيفية تضمين خرائط Google في مواقع الويب - سواء كان موقع شركة أو متجرًا محليًا.

ارفع مستوى التسويق الخاص بك! حدد موعدًا لاستشارة مجانية لزيادة المبيعات باستخدام SEO و PPC اليوم!

كيفية تضمين خرائط جوجل في المواقع

هناك طريقتان مختلفتان لتضمين خرائط Google في موقع ويب: كود HTML أو مفتاح API.

باستخدام كود HTML

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

  1. انتقل إلى google.com/maps.
  2. ابحث عن الموقع الذي تريد تضمينه وحدده.
  3. انقر على الخطوط الأفقية الثلاثة في علامة تبويب القائمة أعلى الزاوية اليسرى.
  4. حدد خيار "مشاركة الخريطة أو تضمينها".

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

  1. حدد حجم الخريطة الذي تريده في علامة التبويب المنسدلة اليسرى في القائمة المنبثقة: حجم صغير أو متوسط ​​أو كبير أو مخصص
  2. حدد الخيار "COPY HTML" ، والصقه في قسم HTML بموقعك على الويب.
  3. يمكنك وضع الخريطة في أي مكان تريده على صفحة الويب الخاصة بك. ومع ذلك ، من خلال تضمين خريطة ، فإنك توافق على الالتزام بشروط خدمة Google. لن تتمكن أيضًا من الوصول إلى جميع ميزات خرائط Google في الخريطة المضمنة ، مثل معلومات حركة المرور الحية.

المدونات الموصى بها : أفضل 20 فكرة خارج الصندوق لزيادة المبيعات وما هو تحسين محركات البحث؟ دليل المبتدئين لتحسين محركات البحث.

استخدام مفتاح API لتضمين خرائط جوجل

ستحتاج إلى بعض الكفاءة في الترميز لتنفيذ هذه الطريقة.

الخطوة 1: إنشاء مفتاح API

  1. انتقل إلى قسم خرائط Google في Google Cloud Platform.
    (ستحتاج إلى تمكين واجهات برمجة التطبيقات عند إعداد مشروع)
  2. في القائمة اليمنى ، حدد "بيانات الاعتماد".
  3. انقر على "+ إنشاء بيانات الاعتماد".
  4. حدد "مفتاح API" من القائمة ، وانسخ واجهة برمجة التطبيقات التي تظهر (ستحتاج إليها لاحقًا).

الخطوة 2: قم بإنشاء رمز لجعل الخريطة عملية

  1. حدد رمز تصميم الخريطة لصفحتك.
    <ستايل>
    # الخريطة { العرض: 100٪ ؛

    الارتفاع: 400 بكسل ؛

    لون الخلفية: رمادي ؛

    }

    </style>

  2. أضف خريطة نصية مع إحداثيات عملك.
    <script> الوظيفة initMap () {

    var macc = {lat: <latitude>، lng: <longitude>} ؛

    var map = new google.maps.Map (

    document.getElementById ('map')، {zoom: 15، center: macc}) ؛

    var marker = new google.maps.Market ({position: macc، map: map}) ؛

    }

    </script>

الخطوة 3: قم بإضافة برنامج نصي من Google إلى مستند HTML

  1. أضف مفتاح API في البرنامج النصي غير المتزامن أدناه ، مع استبدال "YOUR_API_KEY".
    <برنامج نصي غير متزامن
    src = ”https://maps.googleapis.com/maps/api/js؟key= <YOUR_API_KEY> & callback = initMap”>
    </script>
  2. أضف البرنامج النصي إلى مستند HTML لإكماله.

تحتاج إلى استخدام وظيفة initMap () ، حيث يحتاج Google إلى هذا لتهيئة وإضافة مكان تحميل الخريطة. داخل هذه الوظيفة ، يجب أن تحتوي على خطوط الطول والعرض للموقع.

بمجرد الانتهاء ، ستحصل على خريطة سريعة الاستجابة جاهزة ليستخدمها عملاؤك.

المدونات الموصى بها: كيفية إنشاء مسار تسويق المحتوى الذي يحول وما هي كتابة الإعلانات؟ كيفية زيادة المبيعات مع كتابة الإعلانات الرقمية.

لماذا تضمين خرائط جوجل في موقع الويب الخاص بك؟

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

ابحث عن متجرك

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

ستؤدي القدرة على تحديد موقع متجرك إلى زيادة الإقبال والمبيعات والأرباح في المتجر. إنها طريقة بسيطة لربط تواجدك عبر الإنترنت بعملك الحقيقي.

المدونات الموصى بها: كيفية الحصول على حركة المرور إلى متجر Shopify جديد ، وأفكار استراتيجية للتوعية بالعلامة التجارية لتنمية أعمالك ، و 5 أفكار تسويق فعالة عبر الإنترنت للشركات الصغيرة.

إضافة قيمة لصفحة الاتصال الخاصة بك

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

من خلال إضافة تطبيق خرائط Google مضمن ، يمكنك إضافة قيمة إلى صفحة الاتصال الخاصة بك وتوفير وقت العميل. إنه أمر بالغ الأهمية إذا كان عملك بعيدًا بعض الشيء.

شرح الطرق

بعض الشركات تكون مفيدة. إذا كنت تبيع أحذية المشي لمسافات طويلة أو قمصان الركض ، فربما ترغب في أن تنصح زبائنك بالمشي أو الجري لتجربتها. (إنه يمثل منشور مدونة ممتازًا.) لا توجد طريقة أفضل لعرض مثل هذه المعلومات من طريق مميز في خرائط Google.

المدونات الموصى بها : ما هو التسويق الرقمي؟ أساسيات التسويق الرقمي وفوائد Google My Business وكيفية العثور على خريطة موقع لموقع الويب الخاص بي.

تعلم تضمين Google في موقع ويب بسيط

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

بالطبع ، إذا كنت تعاني حقًا ، فيمكنك دائمًا الاتصال بخبير للمساعدة. لدينا خبرة في تكوين مواقع الويب وتضمين خرائط Google. ويسعدنا تقديم المساعدة.