إذا كنت تدير مقهى أو عيادة أو استوديو أو بسطة في سوق، فأهم ما ينبغي أن تفعله الصفحة المرتبطة بملفك الشخصي هو مساعدة الزوار على الوصول إليك. ويمكنك وضع خريطة على صفحة Digily Link بثلاث طرق، ويعتمد الخيار المناسب على خطتك، وما إذا كنت تريد عرض خريطة أو توفير زر يبدأ التنقل.
الخيار 1. زر للاتجاهات يفتح تطبيق الخرائط
تعمل هذه الطريقة مع جميع الخطط، بما فيها Free، وهي ما يريده معظم الزوار فعلًا. فلا أحد يرغب في تكبير خريطة وتصغيرها على الهاتف، بل يتوقع أن يضغط على "الحصول على الاتجاهات" ليبدأ التنقل.
- افتح Google Maps، وابحث عن نشاطك التجاري، ثم اضغط على مشاركة وانسخ الرابط.
- أنشئ من لوحة التحكم رابطًا قصيرًا، واجعل هذا العنوان وجهته، ثم فعّل خيار "فتح التطبيق تلقائيًا على الهاتف". يتعرف Digily Link على روابط Google Maps وWaze، لذلك يفتح الرابط القصير التنقل مباشرة على الهاتف إذا كان التطبيق مثبتًا. يوضح دليل الربط العميق سبب أهمية ذلك.
- أضف بلوك رابط إلى صفحتك، والصق الرابط القصير، واكتب عليه "الحصول على الاتجاهات".
بما أن الزر يشير إلى رابط قصير، تُحتسب نقراته ضمن الإحصاءات، ويمكنك تغيير الوجهة إذا انتقلت إلى موقع جديد.
الخيار 2. خريطة مضمّنة باستخدام بلوك iframe
يتوفر بلوك iframe في خطتي Starter وPro، ويعرض الخريطة داخل الصفحة نفسها.
- ابحث عن المكان في Google Maps، وافتح نافذة المشاركة، ثم انتقل إلى علامة التبويب "تضمين خريطة".
- انسخ كود HTML الذي يعرضه Google. لن تحتاج إلا إلى العنوان الموجود داخل src="…"، والذي يبدأ بـ https://www.google.com/maps/embed. ويمكنك لصق المقتطف كاملًا في محلل URL إذا كان ذلك أسهل لاستخراج العنوان.
- أضف بلوك iframe إلى صفحتك، والصق العنوان في حقل URL، ثم اضبط الارتفاع على نحو 300 بكسل.
ضع زر الاتجاهات الوارد في الخيار 1 مباشرة أسفل الخريطة. توضح الخريطة مكانك، ويساعد الزر الزوار على الوصول إليه.
الخيار 3. كود HTML مخصص لخريطة متجاوبة
يتوفر بلوك HTML المخصص في خطة Pro ويمنحك تحكمًا كاملًا، بما في ذلك إنشاء خريطة تحافظ على أبعادها مع جميع أحجام الشاشات. الصق الكود التالي في البلوك، واستبدل YOUR_EMBED_URL بالعنوان المأخوذ من علامة التبويب "تضمين خريطة".
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px"><iframe src="YOUR_EMBED_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe></div>
تحدد قيمة padding-bottom شكل الخريطة. تمنحك 56,25% مستطيلًا بنسبة 16:9، وتمنحك 75% خريطة أقرب إلى المربع بنسبة 4:3، بينما تنشئ 100% مربعًا. تمنع الخاصية loading="lazy" الخريطة من إبطاء الصفحة قبل أن يمرر الزائر إليها. وإذا نسخت كودًا من مكان آخر، فنظّفه أولًا باستخدام مُصَغِّر HTML حتى لا يؤدي فاصل أسطر زائد إلى تعطيل البلوك.
أي خيار تختار؟
| ما تريده | ما تستخدمه | الخطة |
|---|---|---|
| بدء التنقل بضغطة واحدة | زر اتجاهات مع فتح التطبيق | Free وما فوقها |
| عرض خريطة داخل الصفحة | بلوك iframe | Starter وPro |
| خريطة بتنسيق وشكل مخصصين | بلوك HTML مخصص | Pro |
| عرض عدة مواقع | عنوان وزر اتجاهات لكل موقع، أو خريطة Google My Map مخصصة ومضمّنة باستخدام الخيار 2 أو 3 | بحسب البلوكات المستخدمة |
نصائح للأنشطة التجارية المحلية
- ضع العنوان والرمز البريدي في بلوك فقرة أعلى الخريطة لمن يفضلون كتابتهما في تطبيق الخرائط الذي يستخدمونه.
- أضف بلوك ساعات العمل، المتوفر في الخطة المجانية، حتى يعرف الزائر ما إذا كان الوقت مناسبًا للانطلاق.
- استخدم خريطة واحدة في كل صفحة. فتضمين خريطتين يضاعف وقت التحميل مقابل فائدة محدودة جدًا.
- اطبع رمز QR للصفحة وضعه على الواجهة والمنشورات. ستجد تنسيق صفحة المكان في دليل رابط البايو للأنشطة التجارية الصغيرة.
- اختبر زر الاتجاهات من داخل Instagram على هاتف iPhone وهاتف Android. ويبين مدقق إعادة توجيه URL ما يفعله الرابط القصير عند فتحه من جهاز مكتبي.
الأسواق المؤقتة والفعاليات
لا تحتاج البسطة التي تنتقل إلى مكان مختلف كل عطلة أسبوعية إلى خريطة جديدة في كل مرة. اجعل زر الاتجاهات يشير إلى رابط قصير، ثم غيّر وجهته يوم الجمعة إلى موقع البسطة في عطلة ذلك الأسبوع. وسيظل العنوان الظاهر على الصفحة ورمز QR على اللافتة والرابط في الملف الشخصي كما هو. وفي خطتي Starter وPro، يمكنك أيضًا جدولة الرابط القصير، بحيث تتغير وجهة السبت إلى موقع الأحد عند منتصف الليل من دون أن يضطر أحد إلى تذكر ذلك. وأضف بلوك فقرة يحتوي على التواريخ والعنوان والرمز البريدي لمن يفضلون التخطيط مسبقًا.
Apple Maps وWaze
تتعرف ميزة فتح التطبيق على عناوين Google Maps وWaze. أما مستخدمو iPhone الذين يفضلون Apple Maps، فيمكنهم فتح رابط عادي إلى maps.apple.com يتضمن العنوان. سيفتح الرابط Apple Maps على iPhone وخريطة على الويب في الأجهزة الأخرى، لأن روابط Apple تعمل بهذه الطريقة من دون أي إعداد. ويكفي زران، "Google Maps" و"Apple Maps"، لتغطية جميع الهواتف تقريبًا، كما ستوضح لك أعداد النقرات أيهما يستخدمه زوارك فعلًا.
الأسئلة الشائعة
هل أحتاج إلى مفتاح Google Maps API؟
لا. يمكنك استخدام كود "تضمين خريطة" ورابط المشاركة مجانًا ومن دون مفتاح. لا يلزم مفتاح API إلا للمطورين الذين ينشئون تطبيق خرائط خاصًا بهم.
هل يمكنني عرض أكثر من علامة موقع؟
أنشئ خريطة مخصصة في Google My Maps تضم جميع مواقعك، وشاركها بصورة علنية، ثم استخدم عنوان التضمين الخاص بها في بلوك iframe أو بلوك HTML المخصص.
هل تؤدي الخريطة المضمّنة إلى إبطاء الصفحة؟
قليلًا، ولهذا يستخدم الكود أعلاه التحميل الكسول. وفي صفحة هدفها مساعدة الناس على الوصول إلى موقعك، يكون زر الاتجاهات أهم من صورة الخريطة.
هل أستطيع إضافة الخريطة في الخطة المجانية؟
يمكنك إضافة زر الاتجاهات. أما بلوك iframe فيتطلب خطة Starter، وبلوك HTML المخصص يتطلب خطة Pro. توضح صفحة الخطط ما تتضمنه كل خطة.
ماذا أفعل إذا انتقلت إلى مقر جديد؟
غيّر وجهة الرابط القصير المرتبط بزر الاتجاهات، واستبدل عنوان التضمين. ولن تحتاج إلى تغيير أي مواد مطبوعة.
فحوصات أخيرة
- يفتح زر الاتجاهات تطبيق الخرائط على الهاتف وصفحة الخريطة على الجهاز المكتبي.
- تعرض الخريطة المضمّنة علامة الموقع الصحيحة، وتلائم عرض الصفحة على الهاتف.
- العنوان والرمز البريدي وساعات العمل ظاهرة على الصفحة.
- لا تحتوي الصفحة على أكثر من خريطة واحدة.
- اختبرت الصفحة من داخل Instagram، وليس من متصفحك فقط.
