ওয়ার্ডপ্রেস

ওয়ার্ডপ্রেস গুগল ম্যাপ গাইড: প্লাগইন সহ বা ছাড়া এম্বেড করুন

আপনার সাইটে ওয়ার্ডপ্রেস গুগল ম্যাপ সামগ্রী এম্বেড করার উপায় খুঁজছেন?

ওয়ার্ডপ্রেসের অনেক কিছুর মতো, আপনি কোন ধরণের মানচিত্রের সামগ্রী অন্তর্ভুক্ত করতে চান তার উপর নির্ভর করে আপনি আপনার সাইটে Google Maps এম্বেড করতে পারেন এমন বিভিন্ন উপায় রয়েছে।

এই পোস্টে, আমরা প্লাগইন ছাড়াই কিভাবে ওয়ার্ডপ্রেসে Google Maps যোগ করতে হয় তা দেখিয়ে শুরু করব। তারপর, আমরা কিছু প্লাগইন সুপারিশ করব যে পারেন আপনাকে Google মানচিত্র এম্বেড করতে সাহায্য করে, সেইসাথে সেই পদ্ধতিতে যাওয়ার কিছু সুবিধা। Google Maps API-কে কীভাবে সঠিকভাবে ব্যবহার করতে হয়, সেই বিষয়েও আমরা ডুব দেব।

পরিশেষে, আমরা ওয়ার্ডপ্রেসে Google Maps ব্যবহার করার জন্য কিছু পারফরম্যান্স বিবেচনার সাথে শেষ করব এবং আপনার Google Maps এম্বেড করার প্রয়োজন হলেও কীভাবে আপনার ওয়ার্ডপ্রেস সাইটটি দ্রুত লোড হতে পারে তার কিছু টিপস শেয়ার করব।

আপনি সরাসরি একটি নির্দিষ্ট বিভাগে ঝাঁপ দিতে নীচে ক্লিক করতে পারেন বা পুরো জিনিসটি পড়তে পারেন।

  • Google Maps API এখন প্রয়োজন
  • প্লাগইন ছাড়াই কিভাবে ওয়ার্ডপ্রেসে গুগল ম্যাপ যোগ করবেন
  • WordPress Google Maps প্লাগইন যা আপনাকে আরও নমনীয়তা দেয়
  • Google মানচিত্র কর্মক্ষমতা প্রভাব এবং কর্মক্ষমতা উন্নত করার টিপস

Google Maps API এখন প্রয়োজন

জুন 11, 2018 হিসাবে, একটি এপিআই কী এখন গুগল ম্যাপের জন্য প্রয়োজন. আপনি যদি ইতিমধ্যেই আপনার সাইটে Google Maps প্রয়োগ করে থাকেন এবং এটি আর কাজ না করে, তাহলে এই কারণ হতে পারে। অথবা বরং, আপনি API কী হারিয়েছেন। ভাল খবর হল, আপনার 99% এর জন্য, এটি এখনও বিনামূল্যে হওয়া উচিত। নিচে Google Maps API মূল্য দেওয়া হল।

Google মানচিত্র API মূল্য

Google মানচিত্র API মূল্য

আপনার ব্যবহারের খরচ অফসেট করার জন্য Google আপনাকে প্রতি মাসে আপনার বিলিং অ্যাকাউন্টে একটি পুনরাবৃত্ত $200 ক্রেডিট দেয়। তাই আপনি দেখতে পাচ্ছেন যতক্ষণ না আপনার হাজার হাজার অনুরোধ জেনারেট হচ্ছে, আপনার সাইটে গুগল ম্যাপ ব্যবহার করার জন্য আপনাকে কিছু খরচ করতে হবে না।

আর কি পরিবর্তন হয়েছে? কিছুই না, তবে আপনি যদি ওয়ার্ডপ্রেসে গুগল ম্যাপ ব্যবহার করতে চান তবে আপনাকে এখন নিম্নলিখিতগুলি করতে হবে:

  1. একটি Google ক্লাউড প্ল্যাটফর্ম কনসোল অ্যাকাউন্টের জন্য সাইন আপ করুন এবং এটি কনফিগার করুন৷
  2. আপনার বিলিং তথ্য যোগ করুন, যদিও আপনাকে কখনো বিল করা হবে না।
  3. আপনার Google Maps এম্বেড কোড বা প্লাগইন সেটিংসে API কী যোগ করুন।

কিভাবে একটি Google Maps API কী পাবেন

কিভাবে আপনার Google Maps API কী পেতে হয় তার ধাপগুলি নীচে দেওয়া হল৷

ধাপ 1

Google ক্লাউড প্ল্যাটফর্ম কনসোলে যান। আপনার যদি এখনও একটি অ্যাকাউন্ট না থাকে তবে একটি তৈরি করুন, এটি বিনামূল্যে৷

ধাপ 2

একটি প্রকল্প নির্বাচন করুন বা তৈরি করুন।

ধাপ 3

আপনার বিলিং অ্যাকাউন্ট সেট আপ করুন. যদিও তারা আপনাকে ফাইলে একটি ক্রেডিট কার্ড রাখতে হবে, তবে আপনি কখনই চার্জ করা উচিত নয়, যদি না আপনি উচ্চ ব্যবহারের সীমা অতিক্রম করেন।

ধাপ 4

আপনাকে এক বা একাধিক পণ্য বাছাই করতে বলা হবে। আপনি যে মানচিত্রটি ব্যবহার করছেন তার উপর এটি নির্ভর করে। উদাহরণস্বরূপ, যদি আপনি প্লাগইন ছাড়াই আপনার ওয়ার্ডপ্রেস সাইটে একটি মানচিত্র এম্বেড করছেন (নিচে আরও ধাপে দেখানো হয়েছে), তাহলে আপনি Google Maps Embed API বেছে নেবেন।

গুগল ম্যাপ এম্বেড এপিআই

গুগল ম্যাপ এম্বেড এপিআই

আপনি যদি Google Maps Widget-এর মতো একটি প্লাগইন ব্যবহার করেন (নিচে আরও ধাপে দেখানো হয়েছে), তাহলে আপনি Google Maps Static API বেছে নেবেন।

আপনি যদি তৃতীয় পক্ষের প্লাগইন বা থিম ব্যবহার করেন, তাহলে তারা কোন ধরনের Google Maps ডিপ্লয়মেন্ট ব্যবহার করছে তার ডকুমেন্টেশন থাকা উচিত। চিন্তা করবেন না, আপনি সর্বদা একাধিক প্রকার যোগ করতে পারেন এবং পরে এগুলি পরিবর্তন করতে পারেন৷

ধাপ 5

"সক্ষম করুন" এ ক্লিক করুন।

Google Maps API সক্ষম করুন৷

Google Maps API সক্ষম করুন৷

ধাপ 6

"এপিআই" এ ক্লিক করুন এবং তারপরে "শংসাপত্র" এর অধীনে, আপনি আপনার API কী দেখতে পাবেন।

Google Maps API কী

Google Maps API কী

ধাপ 7

আপনি যদি কেবল আপনার Google মানচিত্র API কী এম্বেড করছেন তবে এটি আপনার উত্স কোডে প্লেইন টেক্সটে দেখাবে। তাই আপনার এটিকে সীমাবদ্ধ করা উচিত, অন্যথায়, লোকেরা তাদের ওয়ার্ডপ্রেস সাইট বা প্রকল্পগুলিতে আপনার API কী ব্যবহার করতে পারে এবং আপনার ব্যবহার বাড়াতে পারে।

এটি করার জন্য, কেবল আপনার API কী এর নামের উপর ক্লিক করুন এবং এটি আপনাকে একটি সীমাবদ্ধতা যোগ করার অনুমতি দেবে। আপনার ওয়ার্ডপ্রেস সাইটের জন্য, শুধুমাত্র একটি HTTP রেফারার যোগ করা যথেষ্ট ভাল হওয়া উচিত। যেমন https://yourdomain.com/*. এটি এটিকে শুধুমাত্র আপনার ওয়েবসাইটে কল করার অনুমতি দেবে৷

Google Maps API কী সীমাবদ্ধতা

Google Maps API কী সীমাবদ্ধতা

প্লাগইন ছাড়াই কিভাবে ওয়ার্ডপ্রেসে গুগল ম্যাপ যোগ করবেন

আপনি যদি কেবল একটি সাধারণ মানচিত্র এম্বেড করতে চান এবং কাস্টম অবস্থান চিহ্নিতকারী বা অন্যান্য টীকাগুলির মতো আরও বিশদ কার্যকারিতার প্রয়োজন না হয় তবে আপনি প্রতিদিনের ভিত্তিতে ব্যবহার করা সাধারণ Google মানচিত্র ওয়েবসাইটটি ব্যবহার করে প্লাগইন ছাড়াই Google মানচিত্র এম্বেড করতে পারেন৷

এখানে কিভাবে এটা কাজ করে…

ধাপ 1: Google Maps এম্বেড কোড কপি করুন

শুরু করতে, আপনি এম্বেড করতে চান এমন মানচিত্র তৈরি করতে Google Maps ওয়েবসাইট ব্যবহার করুন।

উদাহরণস্বরূপ, যদি আপনি একটি স্থান চিহ্নিতকারী এম্বেড করতে চান, Google মানচিত্রে সেই স্থানটি খুলুন। অথবা, আপনি যদি দিকনির্দেশ এম্বেড করতে চান, Google Maps-এ দিকনির্দেশ খুলুন।

আপনি যে মানচিত্রটি এম্বেড করতে চান তা পেয়ে গেলে, উপরের-বাম কোণে হ্যামবার্গার মেনুতে ক্লিক করুন:

কিভাবে এম্বেড কোড অ্যাক্সেস করতে হয়

কিভাবে এম্বেড কোড অ্যাক্সেস করতে হয়

মেনু আইটেমগুলির তালিকায়, এর জন্য বিকল্পটি নির্বাচন করুন৷ মানচিত্রটি ভাগ বা এম্বেড করুন:

এম্বেড অপশন খুলুন

এম্বেড অপশন খুলুন

যে একটি খুলবে ভাগ পপআপ যে পপআপে, ক্লিক করুন একটি মানচিত্র এম্বেড করুন ট্যাব।

তারপর, আপনি ড্রপ-ডাউন ব্যবহার করে আপনার পছন্দসই আকার চয়ন করতে পারেন। বেশিরভাগ ওয়ার্ডপ্রেস সাইটের জন্য, ডিফল্ট আকার ভাল কাজ করে, তবে প্রয়োজনে আপনি মানচিত্রটিকে বড় বা ছোট করতে পারেন।

একবার আপনি যে কাজ করেছেন, ক্লিক করুন HTML কপি করুন এম্বেড কোড কপি করতে বোতাম:

ওয়ার্ডপ্রেস গুগল ম্যাপ এম্বেড কোড

Google Maps এম্বেড কোড

তারপর আপনাকে কোডে আপনার API কী যোগ করতে হবে। তাই আপনার কোড এই মত কিছু দেখতে হবে:

ধাপ 2: ওয়ার্ডপ্রেস সাইটে Google Maps এম্বেড কোড যোগ করুন

এখন, আপনাকে যা করতে হবে তা হল আপনার ওয়ার্ডপ্রেস সাইটে সেই এম্বেড কোডটি পোস্ট বা পৃষ্ঠায় যেখানে আপনি আপনার মানচিত্র অন্তর্ভুক্ত করতে চান।

আপনি যদি নতুন ওয়ার্ডপ্রেস গুটেনবার্গ ব্লক এডিটর ব্যবহার করেন যা ওয়ার্ডপ্রেস 5.0 এর সাথে প্রকাশিত হয়েছিল, আপনি একটি যোগ করে এটি করতে পারেন কাস্টম এইচটিএমএল ব্লক করুন এবং ব্লকে এম্বেড কোড পেস্ট করুন। আপনার API কী যোগ করতে ভুলবেন না.

কিভাবে ওয়ার্ডপ্রেস ব্লক এডিটরে এম্বেড কোড যোগ করবেন

কিভাবে ওয়ার্ডপ্রেস ব্লক এডিটরে এম্বেড কোড যোগ করবেন

আপনি ক্লিক করে আপনার মানচিত্র দেখতে কেমন হবে পূর্বরূপ দেখতে পারেন প্রি ব্লকের উপরে বোতাম।

আপনি যদি এখনও ক্লাসিক TinyMCE এডিটর ব্যবহার করে থাকেন, তাহলে আপনি খোলার মাধ্যমে Google Maps এম্বেড কোড যোগ করতে পারেন পাঠ ট্যাব এবং সেখানে কোড আটকানো:

কিভাবে ওয়ার্ডপ্রেস ক্লাসিক এডিটরে এম্বেড কোড যোগ করবেন

কিভাবে ওয়ার্ডপ্রেস ক্লাসিক এডিটরে এম্বেড কোড যোগ করবেন

আপনি কোড যোগ করার পরে, আপনি ফিরে যেতে পারেন চাক্ষুষ আপনার মানচিত্রের একটি লাইভ পূর্বরূপ দেখতে ট্যাব।

এবং এটাই! আপনি এইমাত্র শিখেছেন কিভাবে প্লাগইন ছাড়াই ওয়ার্ডপ্রেসে গুগল ম্যাপ যোগ করতে হয়।

একটি প্লাগইন ছাড়া আরও জটিল মানচিত্র এম্বেড করতে Google আমার মানচিত্র ব্যবহার করুন৷

আপনি যদি একাধিক অবস্থান চিহ্নিতকারী, কাস্টম টীকা ইত্যাদির মতো জিনিসগুলির ক্ষেত্রে আরও সৃজনশীল হতে চান তবে আপনি এখনও Google এর My Maps পরিষেবার সাথে একটি প্লাগইনের প্রয়োজন ছাড়াই এটি করতে পারেন৷

My Maps হল Google-এর একটি অফিসিয়াল টুল যা আপনাকে আপনার নিজস্ব কাস্টম মানচিত্র তৈরি এবং শেয়ার করতে দেয়। এটির সাহায্যে, আপনি অনেকগুলি কাস্টম মার্কার এবং কাস্টম তথ্য সহ নীচের উদাহরণের মতো কিছু তৈরি করতে পারেন যা কোনও ব্যবহারকারী যখন কোনও মার্কারে ক্লিক করে তখন প্রদর্শিত হয়:

Google আমার মানচিত্র উদাহরণ

Google আমার মানচিত্র উদাহরণ

ওয়ার্ডপ্রেসে কাস্টম গুগল ম্যাপ যোগ করতে এটি কীভাবে ব্যবহার করবেন তা এখানে।

ধাপ 1: Google My Maps-এ আপনার মানচিত্র তৈরি করুন

শুরু করতে, Google My Maps-এ যান এবং একটি নতুন মানচিত্র তৈরি করুন। সেখান থেকে, আপনি আপনার মানচিত্র তৈরি করতে মানচিত্র নির্মাতা ইন্টারফেস ব্যবহার করতে পারেন:

Google My Maps ইন্টারফেস

Google My Maps ইন্টারফেস

যদিও আমরা এটিকে খুব বেশি বিশদে কভার করব না, এই ইন্টারফেসটি আপনাকে কিছু সুন্দর সৃজনশীল মানচিত্র তৈরি করতে দেয়। আরও গভীরভাবে দেখার জন্য, Google-এর এই সহায়তা নিবন্ধটি অনেক গুরুত্বপূর্ণ কার্যকারিতা কভার করে।

ধাপ 2: এম্বেড কোড তৈরি করুন

একবার আপনি আপনার মানচিত্র তৈরি করা শেষ করলে, আপনাকে এম্বেড কোড তৈরি করতে হবে।

যদিও আপনি সেই কোডটি পেতে পারেন তার আগে, আপনাকে প্রথমে আপনার মানচিত্রটি সর্বজনীন করতে হবে। এটি করতে, ক্লিক করুন ভাগ বোতাম তারপর, ক্লিক করুন পরিবর্তন…পপআপে:

Google আমার মানচিত্র শেয়ারিং সেটিংস

Google আমার মানচিত্র শেয়ারিং সেটিংস

তারপর, নির্বাচন করুন On - ওয়েবে সর্বজনীন এবং ক্লিক সংরক্ষণ করুন:

লিঙ্ক শেয়ারিং চালু করুন

লিঙ্ক শেয়ারিং চালু করুন

একবার আপনি এটি সম্পন্ন করলে, আপনার মানচিত্রের শিরোনামের কাছে ড্রপ-ডাউন মেনুতে ক্লিক করুন এবং নির্বাচন করুন আমার সাইটে এম্বেড করুন প্রকৃত এম্বেড কোড তৈরি করতে:

My Maps এম্বেড কোড অ্যাক্সেস করুন

My Maps এম্বেড কোড অ্যাক্সেস করুন

এটি কোড সহ একটি পপআপ খুলবে, যা আপনার অনুলিপি করা উচিত। আপনার API কী যোগ করতে ভুলবেন না।

My Maps এম্বেড কোড

My Maps এম্বেড কোড

ধাপ 3: ওয়ার্ডপ্রেস সাইটে এম্বেড কোড যোগ করুন

এখন, আপনি আপনার ওয়ার্ডপ্রেস সাইটে সেই এম্বেড কোডটি যোগ করতে পারেন ঠিক যেমন আপনি এম্বেড কোডটি পাবেন যা আপনি নিয়মিত Google Maps ওয়েবসাইট থেকে পান।

আপনি যদি নিশ্চিত না হন যে এটি কীভাবে করবেন, উপরের টিউটোরিয়ালটির বিভাগে যেতে এখানে ক্লিক করুন।

পরিবর্তে একটি ওয়ার্ডপ্রেস গুগল ম্যাপ প্লাগইন ব্যবহার করুন

উপরের ম্যানুয়াল পদ্ধতির বাইরে, ওয়ার্ডপ্রেস গুগল ম্যাপ প্লাগইন রয়েছে যা আপনাকে আপনার সাইটে মানচিত্র এম্বেড করতে সাহায্য করতে পারে।

ম্যানুয়াল পদ্ধতিতে আপনি এই প্লাগইনগুলির একটি বিবেচনা করতে চাইতে পারেন এমন কয়েকটি কারণ রয়েছে:

  • তারা আপনাকে একটি সাধারণ ইন্টারফেসের সাথে আরও জটিল মানচিত্র তৈরি করতে দেয়।
  • আপনি আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড ছাড়াই সবকিছু করতে পারেন।
  • তাদের মধ্যে কিছু ওয়ার্ডপ্রেস লিঙ্ক. উদাহরণস্বরূপ, আপনি ওয়ার্ডপ্রেস পোস্টে মানচিত্র মার্কার লিঙ্ক করতে সক্ষম হতে পারেন।
  • তাদের মধ্যে কিছু আপনাকে পারফরম্যান্সের জন্য Google মানচিত্র অপ্টিমাইজ করতে সাহায্য করতে পারে (এই বিষয়ে পরে আরো).

এই সমস্ত প্লাগইনগুলির জন্য, আপনি মানচিত্র এম্বেড করা শুরু করার আগে আপনাকে আপনার নিজস্ব Google মানচিত্র API কী তৈরি করতে হবে৷ এই টিউটোরিয়ালটি আপনাকে দেখায় কিভাবে এটি করতে হয়।

ডাউনটাইম এবং ওয়ার্ডপ্রেস সমস্যা সঙ্গে সংগ্রাম? Behmaster আপনার সময় বাঁচাতে ডিজাইন করা হোস্টিং সমাধান! আমাদের বৈশিষ্ট্য দেখুন

Google মানচিত্র উইজেট

Google Maps Widget হল একটি সাধারণ Google Maps প্লাগইন যা আপনাকে Google Maps Static API ব্যবহার করে একটি মানচিত্র এম্বেড করতে দেয়, যা একটি ইন্টারেক্টিভ মানচিত্রের পরিবর্তে একটি স্ট্যাটিক ইমেজ এম্বেড করে আরও কর্মক্ষমতা-বান্ধব পদ্ধতির প্রস্তাব দেয় (আমরা পরবর্তী বিভাগে এই সম্পর্কে আরও ব্যাখ্যা করব).

আপনি যদি সহজ এবং হালকা কিছু চান তবে এটি একটি দুর্দান্ত বিকল্প। একবার আপনি এটি সক্রিয় করলে, আপনাকে আপনার Google Maps API কীটি ধরতে হবে এবং প্লাগইনের সেটিংসে প্লাগ করতে হবে৷ আপনি আপনার সাইটের যেকোনো উইজেট এলাকায় একটি Google মানচিত্র যোগ করতে পারেন। তারপর, দর্শকরা একটি লাইটবক্সে মানচিত্রের একটি বড় ইন্টারেক্টিভ সংস্করণ খুলতে পারে:

গুগল ম্যাপ উইজেট ইন্টারফেস

গুগল ম্যাপ উইজেট ইন্টারফেস

আপনি চাইলে অবিলম্বে একটি ইন্টারেক্টিভ মানচিত্রও ব্যবহার করতে পারেন এবং প্রো সংস্করণ আপনাকে আপনার সাইটের যেকোনো জায়গায় একটি শর্টকোড সহ মানচিত্র এম্বেড করতে দেয়৷

গুগল ম্যাপস ইজি

Google Maps Easy আপনাকে আপনার নিজস্ব মার্কার এবং টীকা দিয়ে কাস্টম মানচিত্র তৈরি করতে সাহায্য করে।

আপনি যখন মার্কার যোগ করেন, তখন আপনার নিজস্ব কাস্টম আইকন আপলোড করার ক্ষমতা থাকে, মার্কারের বিবরণে পাঠ্য এবং চিত্র অন্তর্ভুক্ত করতে এবং আরও অনেক কিছু করার ক্ষমতা থাকে৷ এছাড়াও আপনি নিয়ন্ত্রণ করতে পারেন কিভাবে আপনার মানচিত্র কাজ করে, যেমন ব্যবহারকারীদের জুম ইন করতে দেওয়া যায় কিনা তা বেছে নেওয়া:

গুগল ম্যাপ সহজ ইন্টারফেস

গুগল ম্যাপ সহজ ইন্টারফেস

একবার আপনি আপনার মানচিত্র তৈরি করলে, আপনি একটি শর্টকোড বা পিএইচপি ফাংশন ব্যবহার করে এটি এম্বেড করতে পারেন।

ইন্টারজিও

Intergeo হল আরেকটি জনপ্রিয় বিকল্প যা আপনাকে কাস্টম মার্কার দিয়ে আপনার নিজস্ব মানচিত্র তৈরি করতে এবং মানচিত্রের কার্যকারিতার উপর নিয়ন্ত্রণ রাখতে দেয়।

একবার আপনি প্লাগইনটি ইনস্টল এবং সক্রিয় করলে, আপনি আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে আপনার মানচিত্র তৈরি করতে সক্ষম হবেন:

ইন্টারজিও ইন্টারফেস

ইন্টারজিও ইন্টারফেস

তারপর, আপনি একটি শর্টকোড ব্যবহার করে আপনার সাইটে যে কোনো জায়গায় এম্বেড করতে পারেন।

গুগল ম্যাপ এম্বেডের জন্য গুটেনবার্গ ব্লক

গুটেনবার্গ ব্লক ফর গুগল ম্যাপ এম্বেড হল একটি সাধারণ প্লাগইন যা নতুন ওয়ার্ডপ্রেস গুটেনবার্গ ব্লক এডিটরে একটি ডেডিকেটেড গুগল ম্যাপ ব্লক যোগ করে।

এই ব্লকের সাহায্যে, আপনি যেকোনো ঠিকানা এম্বেড করতে পারেন এবং বেছে নিতে পারেন:

  • মাত্রা
  • জুম স্তর
  • ইন্টারেক্টিভ মানচিত্র বনাম স্ট্যাটিক মানচিত্র (আবার, পরবর্তী পদ্ধতিটি কর্মক্ষমতার সাথে সাহায্য করে)

এটি আপনাকে আপনার নিজস্ব কাস্টম মানচিত্র তৈরি করতে দেবে না - তবে এটি একটি সুবিধাজনক বিকল্প যদি আপনি নতুন ব্লক সম্পাদক ব্যবহার করেন এবং কিছু সাধারণ মানচিত্র অন্তর্ভুক্ত করার একটি সহজ উপায় চান৷

Google মানচিত্র আপনার ওয়ার্ডপ্রেস সাইটকে ধীর করে দিতে পারে - এটি হতে দেবেন না

যদিও Google Maps আপনাকে তার ইন্টারেক্টিভ ম্যাপগুলির সাথে আপনার সাইটে এক টন দুর্দান্ত কার্যকারিতা এম্বেড করতে দেয়, সেখানে একটি পারফরম্যান্স ট্রেড-অফ রয়েছে কারণ সমস্ত ইন্টারেক্টিভ কার্যকারিতা পাওয়ার জন্য এটিকে প্রচুর সংখ্যক স্ক্রিপ্ট লোড করতে হবে৷

দীর্ঘ গল্প সংক্ষিপ্ত, ইন্টারেক্টিভ Google মানচিত্র এম্বেড করা আপনার সাইটের গতি কমিয়ে দিতে পারে।

আপনি এই যুদ্ধ করতে পারেন যে কয়েকটি উপায় আছে.

প্রথমত, যদি আপনার লোকেদের প্রয়োজন না হয় ইন্টারেক্টিভভাবে আপনার মানচিত্র ব্রাউজ করতে সক্ষম হন আপনার ওয়েবসাইটে, কোনো তৃতীয় পক্ষের সরঞ্জাম ছাড়াই জিনিসগুলির গতি বাড়ানোর একটি সহজ উপায় হল:

  • আপনার সাইটে ব্যবহার করার জন্য মানচিত্রের একটি স্ক্রিনশট নিন
  • Google মানচিত্র ওয়েবসাইটে মানচিত্রের সাথে সেই স্ক্রিনশট লিঙ্ক করুন, অথবা ব্যবহারকারী ক্লিক করলে ইন্টারেক্টিভ মানচিত্রের সাথে একটি লাইটবক্স পপআপ খুলুন।

এইভাবে, আপনার সাইটটি শুধুমাত্র একটি নিয়মিত চিত্র লোড করছে - Google মানচিত্রের সাথে যুক্ত সমস্ত স্ক্রিপ্ট নয়৷

ম্যানুয়ালি এটি করার বিকল্প হিসাবে, আপনি বিনামূল্যে AWEOS Google Maps iframe লোড প্রতি ক্লিক প্লাগইন ব্যবহার করতে পারেন। এই প্লাগইনটি স্বয়ংক্রিয়ভাবে একটি সাধারণ স্থানধারক চিত্রের সাথে Google মানচিত্র এম্বেডগুলিকে প্রতিস্থাপন করে৷ তারপর, যদি একজন ব্যবহারকারী ক্লিক করে মানচিত্র লোড করুন বোতাম, এটি সম্পূর্ণ Google Maps এম্বেড লোড করবে:

গুগল ম্যাপ প্লেসহোল্ডার ছবি

গুগল ম্যাপ প্লেসহোল্ডার ছবি

অথবা, আপনি Google Maps Static API ব্যবহার করতে পারেন, যা কোনো জাভাস্ক্রিপ্ট ছাড়াই একটি নিয়মিত ছবি ফেরত দেয়। কিছু Google Maps প্লাগইন - Google Maps Widget এবং Google Maps এম্বেডের জন্য গুটেনবার্গ ব্লক সহ - আপনি যখন আপনার মানচিত্র তৈরি করেন তখন আপনাকে স্ট্যাটিক API ব্যবহার করতে দেয়।

যাইহোক, আমরা বুঝতে পারি যে কখনও কখনও এই স্থির পদ্ধতিটি এটিকে কাটবে না, এবং অনেক লোক এখনই ইন্টারেক্টিভ Google মানচিত্রের অভিজ্ঞতা এম্বেড করতে চায়।

যদি তা হয়, Google Maps এর গতি বাড়ানোর আরেকটি ভালো উপায় হল ব্যবহার করা অলস লোডিং. অলস লোডিংয়ের সাথে, দর্শকরা পৃষ্ঠাটি নীচে স্ক্রোল করা শুরু না করা পর্যন্ত আপনার সাইটটি ভাঁজের নীচের যেকোন Google মানচিত্র এম্বেডগুলি লোড করার জন্য অপেক্ষা করবে৷ এটি আপনার প্রারম্ভিক পৃষ্ঠা লোডের সময়কে দ্রুত রাখে, এখনও আপনাকে ইন্টারেক্টিভ Google মানচিত্র সামগ্রী এম্বেড করতে দেয়৷

কীভাবে অলসভাবে ছবি এবং ভিডিও লোড করা যায় সে সম্পর্কে আমরা ইতিমধ্যেই লিখেছি এবং এটি Google মানচিত্রের জন্য একই ধারণা।

কয়েকটি প্লাগইন রয়েছে যা আপনাকে এটি করতে দেবে। উদাহরণস্বরূপ, a3 অলস লোড প্লাগইন আপনাকে আইফ্রেম এম্বেডগুলি অলস লোড করতে দেয়, যার মধ্যে রয়েছে Google মানচিত্র:

অলস লোড Google Maps

অলস লোড Google Maps

অন্যান্য বিকল্পগুলি হ'ল:

  • বিজে লজ্জা লোড
  • ডাব্লুপি রকেট দ্বারা অলস লোড
  • সহজ অলস লোডার

সারাংশ

আপনি যদি আপনার সাইটে একটি সাধারণ মানচিত্র এম্বেড করতে চান তবে আপনি অন্তর্নির্মিত এম্বেড কোড বৈশিষ্ট্যটি ব্যবহার করে প্লাগইন ছাড়াই ওয়ার্ডপ্রেসে Google মানচিত্র যুক্ত করতে পারেন। অথবা, আপনি আপনার নিজস্ব কাস্টম মানচিত্র তৈরি করতে এবং এটি এম্বেড করতে Google My Maps টুল ব্যবহার করতে পারেন।

এই ম্যানুয়াল পদ্ধতিগুলির বাইরে, প্রচুর Google মানচিত্র ওয়ার্ডপ্রেস প্লাগইন রয়েছে যা আপনাকে আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড ছেড়ে না দিয়ে অনেক নিয়ন্ত্রণ দিতে পারে।

আপনি যে পদ্ধতিটি বেছে নিন না কেন, Google মানচিত্র ব্যবহারের কার্যক্ষমতার প্রভাবের দিকে মনোযোগ দিন। শুধুমাত্র প্রয়োজন হলেই Google Maps ব্যবহার করার চেষ্টা করুন এবং পারফরম্যান্সের উপর নেতিবাচক প্রভাব কমাতে প্লেসহোল্ডার ছবি বা অলস লোডিংয়ের মতো কৌশল বিবেচনা করুন।

ওয়ার্ডপ্রেসে গুগল ম্যাপ ব্যবহার করার বিষয়ে আপনার কি অন্য কোন প্রশ্ন আছে? আমাদের মন্তব্য জানাতে!

সম্পরকিত প্রবন্ধ

답글 남기기

이메일 주소는 공개되지 않습니다.

শীর্ষ বোতামে ফিরে যান