نقشہ جات کسی بھی کاروباری ویب سائٹ کا لازمی پہلو ہوتے ہیں۔ یہاں تک کہ اگر آپ مکمل طور پر انٹرنیٹ پر مبنی ہیں ، تو پھر بھی صارفین جاننا چاہتے ہیں کہ آپ کون ہیں اور آپ کہاں رہتے ہیں۔ گوگل نقشہ جات اب بہت ساری ویب سائٹوں کے لئے پہلے سے طے شدہ ہے کیونکہ یہ استعمال کرنا آسان ہے ، بظاہر سب سے زیادہ درست اور بظاہر مفت ہے۔ اس ٹیوٹوریل کے اختتام تک ، آپ کو بالکل معلوم ہو جائے گا کہ جواب دہ گوگل میپ کو اپنی ویب سائٹ میں کس طرح شامل کرنا ہے۔
پہلے سے طے شدہ گوگل نقشہ ہمیشہ جواب دہ نہیں ہوتا ہے لہذا مختلف اسکرین کے سائزوں پر پیمانہ نہیں ہوسکتا ہے۔ چاہے آپ ورڈپریس پلگ ان استعمال کررہے ہو یا کوڈ کا استعمال کرکے خود کو سرایت کررہے ہو ، نقشہ کو جواب دہ بنانے کے ل CSS آپ کو سی ایس ایس کی کچھ لائنیں شامل کرنے کی ضرورت ہوگی۔
قبول ویب ڈیزائن
قبول یہاں ایک کلیدی اصطلاح ہے۔ اس میں ویب ڈیزائن کی وضاحت کی گئی ہے جو صارف کے تجربے اور ڈیوائس کو مدنظر رکھتی ہے تاکہ یہ یقینی بنایا جاسکے کہ ویب سائٹ تک رسائی کے ل what آپ کس ڈیوائس کا استعمال کرتے ہیں اس سے قطع نظر وہی ہے۔ مثال کے طور پر ، ایک ذمہ دار ویب سائٹ کو ایک جیسے معیار کا تجربہ فراہم کرنا چاہئے چاہے آپ اسے کسی ڈیسک ٹاپ ، ٹیبلٹ یا اسمارٹ فون پر دیکھیں۔
ایسا کرنے کے لئے ، ویب سائٹ کو مختلف قراردادوں ، اسکرین کے سائز اور چھونے کے ل. اپنائیت کرنا ہوگی۔
کسی ویب سائٹ میں گوگل کے جوابی نقشہ کو شامل کرنا
گوگل نقشہ جات کو کسی ویب سائٹ میں شامل کرنے کے لئے میں تین طریقے جانتا ہوں۔ اگر آپ ورڈپریس تھیم استعمال کرتے ہیں تو اس میں یہ خصوصیت شامل ہوسکتی ہے۔ آپ ایک پلگ ان بھی استعمال کرسکتے ہیں یا گوگل سے کسی بھی ویب سائٹ میں براہ راست کوڈ سرایت کرسکتے ہیں۔ پہلے اور دوسرے اختیارات ورڈپریس صارفین کے لئے بہت اچھے ہیں ، دوسرے CMS بھی پلگ ان استعمال کرتے ہیں تاکہ آپ وہاں احاطہ کرتے ہو۔ آخری آپشن ، کوڈ کا استعمال کرتے ہوئے زیادہ تر ویب سائٹس پر اس سے قطع نظر کام کرنا چاہئے کہ ان کی تعمیر کیسے کی جائے۔
کسی ورڈپریس تھیم کا استعمال جوابدہ گوگل میپ کو ایمبیڈ کرنے کے لئے کریں
کچھ ورڈپریس تھیمز خاص طور پر گوگل میپ کے لئے فیچر ہوں گے۔ چونکہ جدید ویب سائٹوں کے نقشے اتنے بنیادی ہیں ، لہذا کچھ تھیم ڈیزائنرز نے انہیں براہ راست اپنے ڈیزائن میں لاگو کیا ہے۔ اگر آپ کے تھیم میں نقشہ کی خصوصیت ہے تو ، اس کے کام کرنے کے ل you آپ کو گوگل میپس API کی ضرورت ہوگی۔ آپ تھیم کے اختیارات میں API کو شامل کرتے ہیں اور ہر دورے پر نقشہ بنانے کے لئے یہ براہ راست گوگل سے بات کرے گا۔
- API کے عمل کو شروع کرنے کے لئے اس صفحے کو گوگل کی ویب سائٹ پر دیکھیں۔
- نیلے رنگ کا آغاز کریں بٹن کو منتخب کریں۔
- نئی اسکرین کے اوپری بائیں میں تین لائن مینو آئیکن کو منتخب کریں۔
- APIs اور خدمات اور پھر اسناد منتخب کریں۔
- اسناد تخلیق کریں اور پھر API کلید کو منتخب کریں۔
- ممنوعہ کلید منتخب کریں اور HTTP حوالہ دہندگان کا انتخاب کریں۔
- محفوظ کریں کو منتخب کریں۔
- API کلید کاپی کریں اور اس کو مطلوبہ ڈیزائن کے صفحات میں چسپاں کریں۔
ایک بار جب آپ کے پاس API کلید ہے تو آپ تھیم ڈیزائن ٹولز کا استعمال کرکے گوگل میپ کو اپنی ویب سائٹ میں لاگو کرسکتے ہیں۔ جب تک تھیم جوابدہ ہے ، نقشہ بھی ہونا چاہئے۔
جواب دہ گوگل میپ کو سرایت کرنے کے لئے پلگ ان کا استعمال کریں
ورڈپریس پلگ انز کا استعمال کرتا ہے ، جملہ ایکسٹینشنز کا استعمال کرتا ہے ، ڈروپل ماڈیولز یا پلگ انز کا استعمال کرتا ہے اور دیگر CMS اسی طرح کے نام کنونشنز کا استعمال کرتے ہیں۔ کسی بھی طرح ، پلگ ان ان ماڈیولر عناصر کا حوالہ دیتے ہیں جن سے آپ خصوصیات کو شامل کرنے کے ل your اپنے بنیادی CMS پر بولٹ کرسکتے ہیں۔ ایک مفید خصوصیت گوگل کا نقشہ ہے۔ اگر آپ کی ویب سائٹ تھیم میں نقشہ جات کا عنصر شامل نہیں ہے اور آپ خود کوڈ نہیں کرنا چاہتے ہیں تو پلگ ان اگلی بہترین چیز ہے۔
- ورڈپریس میں ، پلگ ان پر جائیں اور نیا شامل کریں۔
- گوگل میپس کے لئے تلاش کریں اور ایک پلگ ان منتخب کریں جسے آپ پسند کرتے ہیں۔
- اسے پلگ انز میں فعال کریں اور اس کی ترتیبات پر جائیں۔
- جس نقشہ پر اشارہ کیا گیا ہے اور محفوظ کی گئی ہے اس کے اوپر آپ نے تیار کردہ گوگل میپس API کو شامل کریں۔
- جہاں بھی آپ نقشہ ظاہر کرنا چاہتے ہو پلگ ان کو نافذ کریں۔
دوسرے CMS ان کے نام اور مینو کی پوزیشنوں میں تھوڑا سا مختلف ہوتے ہیں لیکن اصول بہت یکساں ہے۔ زیادہ تر ، اگر سبھی نہیں تو ، نقشہ پلگ ان کو کام کرنے کے لئے گوگل میپس API کی ضرورت ہوگی۔
جواب دہ گوگل میپ کو ایمبیڈ کرنے کے لئے کوڈ کا استعمال کریں
اگر آپ ورڈپریس یا دیگر CMS استعمال نہیں کرتے ہیں تو ، آپ پھر بھی جوابدہ گوگل میپ کو ایمبیڈ کرسکتے ہیں۔ آپ کو ماڈیول کے بجائے کوڈ استعمال کرنے کی ضرورت ہے۔ اس میں تھوڑا سا مزید کام درکار ہے لیکن وہی ذمہ دار نقشے فراہم کرے گا۔
- گوگل میپس پر جائیں اور جب تک آپ جس ڈسپلے کو دیکھنا چاہتے ہیں اس میں سکرین بھر نہ جائے تب تک نیویگیٹ کریں۔
- نیلے شیئر کا لنک منتخب کریں اور ایمبیڈ میپ سے کوڈ کاپی کریں۔
- اپنے مخصوص ایمبیڈ کوڈ کو اور نیچے کے کوڈ میں شامل کریں۔
- اپنے ویب صفحے کے HTML کے اندر کوڈ شامل کریں جہاں آپ نقشہ دیکھنا چاہتے ہو۔
- اپنی تبدیلیوں کو محفوظ کریں۔
کوڈ:
یہ میرا کوڈ نہیں ہے ، میں نے اسے آن لائن پایا لیکن اپنی ویب سائٹ پر اس کا تجربہ کیا۔ یہ ایک دلکش کی طرح کام کرتا ہے اور کام کرنا چاہئے چاہے آپ CMS ، HTML ، ہیوگو یا بہت سی دوسری ویب سائٹ زبانیں یا صفحے کے ٹول استعمال کریں۔
