ওয়েবসাইটের জন্য ফ্রি লোকেশন উইজেট
আমাদের এম্বেড বিল্ডার থেকে এক লাইন iframe কপি করে আপনার সাইটে বসিয়ে দিন — ভিজিটররা সঙ্গে সঙ্গে নিজেদের অবস্থান দেখতে পাবেন: স্থানাঙ্ক, ঠিকানা ও মানচিত্র। কোনো API কী লাগে না, কুকি নেই, ট্র্যাকিং নেই। এটি বিনামূল্যে, আর WordPress, Shopify, Wix, সাধারণ HTML ও React — সবখানেই চলে এবং ভিজিটরের স্থানাঙ্ক কখনো কোনো সার্ভারে পাঠায় না।
অনুমতি-ভিত্তিক · ব্যক্তিগত · Chrome, Safari, Firefox, Edge-এ কাজ করে
উইজেটটি আসলে কী — আর ৩০ সেকেন্ডের ডেমো
What Is My Location উইজেটটি একটি ছোট, স্বয়ংসম্পূর্ণ পেজ, যা আপনি iframe-এর ভেতরে নিজের সাইটে বসিয়ে দেন। কোনো ভিজিটর Show my location-এ ট্যাপ করলে তার ব্রাউজার অনুমতি চায়, অবস্থান হিসাব হয় তার নিজের ডিভাইসেই, আর উইজেট দেখায় কয়েকটি ফরম্যাটে স্থানাঙ্ক, রিভার্স-জিওকোড করা ঠিকানা এবং OpenStreetMap-এ একটি পিন। ভিজিটর সম্পর্কে আমরা কিছুই সংরক্ষণ করি না — কোনো কুকি নেই, কোনো অ্যানালিটিক্স বিকন নেই, কোনো ফিঙ্গারপ্রিন্টিং নেই। আপনার ভিজিটররা ঠিক যা দেখবেন, তা লাইভ উইজেট পেজে দেখে নিতে পারেন, আর নিজের লেখা সাজিয়ে নিতে পারেন এম্বেড বিল্ডারে।
এক লাইনেই এম্বেড করুন
উইজেটটি যেখানে দেখাতে চান, ঠিক সেখানে এটি পেস্ট করুন:
<iframe src="https://whatismylocation.ai/widget"
width="100%" height="420" style="border:0;border-radius:12px"
allow="geolocation" title="What is my location"></iframe>allow="geolocation" অ্যাট্রিবিউটটি আবশ্যক — এটি ছাড়া ব্রাউজার iframe-এর ভেতরে অবস্থানের অনুরোধ আটকে দেয়। বেশিরভাগ লেআউটে ৩৮০–৪৬০ px উচ্চতা মানানসই; উইজেটটি ২৮০ px প্রস্থ পর্যন্ত রেসপন্সিভ।
যেসব বিকল্প আপনি বদলে নিতে পারেন
এম্বেড বিল্ডার আপনার হয়ে URL তৈরি করে দেয়, তবে প্যারামিটারগুলো এত সহজ যে হাতেও লিখে ফেলা যায়: সাইটের সঙ্গে মানানসই করতে ?theme=dark বা light (বাদ দিলে ভিজিটরের সিস্টেমের পছন্দ অনুসরণ করে), ফুট/মাইলের জন্য &units=imperial, আর স্থানীয় ভাষার লেবেলের জন্য &lang=es (আমাদের ৩৫টি ভাষার যেকোনোটি)। যেমন: /widget?theme=dark&lang=hi ডার্ক উইজেটটিকে হিন্দিতে দেখায়। প্যারামিটারগুলো ইচ্ছেমতো মিলিয়ে নেওয়া যায় এবং আর কিছুই লাগে না — কোনো কী নেই, অ্যাকাউন্ট নেই, কোটা নেই।
WordPress, Shopify, Wix, React
- WordPress: আমাদের ছোট্ট WP প্লাগইন ব্যবহার করুন (এটি একটি
[whatismylocation]শর্টকোড যোগ করে), অথবা Custom HTML ব্লকে iframe লাইনটি পেস্ট করুন। - Shopify / Wix / Squarespace: প্রতিটি বিল্ডারেই একটি "embed / custom HTML" উপাদান থাকে — সেখানে একই iframe লাইনটি পেস্ট করুন।
- React / Vue / Svelte: iframe-টি সরাসরি রেন্ডার করুন; এটি স্টেটলেস, তাই লাইফসাইকেল সামলানোর দরকার নেই।
- AMP বা ইমেইল: জিওলোকেশনসহ iframe সেখানে চলে না — বদলে পুরো পেজটির লিঙ্ক দিন।
কারা লোকেশন উইজেট ব্যবহার করে — সত্যিকারের কিছু উদাহরণ
- ডেলিভারি ও লজিস্টিক পেজ: সহজে খুঁজে পাওয়া যায় না এমন ঠিকানার সঠিক স্থানাঙ্ক গ্রাহকরা চেকআউটের আগেই তুলে নিতে পারেন।
- ভ্রমণ ও আউটডোর ব্লগ: পাঠকরা দেখে নেন, আপনার ট্রেইলহেড ও রুট ম্যাপের তুলনায় তারা কোথায় আছেন।
- ইভেন্ট ও ভেন্যুর সাইট: অ্যাপ ইনস্টল করতে বাধ্য না করেই "আমি কতদূরে?" প্রশ্নের উত্তর।
- মাঠপর্যায়ের কাজ ও জরিপ দল: বুকমার্ক করে রাখার মতো একটি পেজ, যা যেকোনো ফোনে GPS স্থানাঙ্ক দেখিয়ে দেয়।
- IT হেল্প ডেস্ক: সাপোর্ট কলের সময় দূরের ব্যবহারকারীর আনুমানিক অবস্থান ও টাইম জোন দ্রুত মিলিয়ে নিন।
এম্বেড করা কেন নিরাপদ — গোপনীয়তার নকশা
জিওলোকেশন পুরোপুরি ভিজিটরের ব্রাউজারেই ঘটে এবং কেবল তার নিজের ট্যাপেই চালু হয়, তাই উইজেটটি এম্বেড করলে আপনার ঘাড়ে GDPR-এর প্রসেসিং ঝামেলা চাপে না: উইজেটটির নিজের জন্য কোনো সম্মতি ব্যানার লাগে না, কারণ এটি কোনো কুকি বসায় না এবং কোনো থার্ড-পার্টি ট্র্যাকার চালায় না। রিভার্স-জিওকোড লুকআপটি স্থানাঙ্ক সংরক্ষণ না করেই আমাদের সার্ভারের মধ্য দিয়ে প্রক্সি করা হয়, আমাদের গোপনীয়তা নির্দেশিকায় পুরো ডেটাপ্রবাহের বিবরণ আছে, আর এই সাইটে একমাত্র উইজেট পেজটিকেই ফ্রেমের ভেতরে দেখানোর অনুমতি আছে — তাই আপনার ব্যবহারকারীদের ক্লিকজ্যাক করে অন্য টুলে নেওয়া যাবে না। পরে UI-এর বদলে প্রোগ্রাম থেকে সরাসরি ব্যবহারের দরকার হলে বিনামূল্যের ডেভেলপার API-তেও একই নিশ্চয়তা প্রযোজ্য।
উইজেট বনাম API — আপনার কোনটা দরকার?
| উইজেট (iframe) | ডেভেলপার API | |
|---|---|---|
| সেটআপ | এক লাইন HTML | API কী (ফ্রি) + একটি fetch কল |
| UI দেওয়া আছে | হ্যাঁ — মানচিত্র, ফরম্যাট, ঠিকানা | না — শুধু JSON, UI আপনি বানাবেন |
| ভিজিটরের অনুমতি | উইজেটই সামলায় | ব্রাউজারের geolocation API আপনি নিজে ডাকবেন |
| কাদের জন্য সবচেয়ে ভালো | কনটেন্ট সাইট, দোকান, ব্লগ | অ্যাপ, ড্যাশবোর্ড, অটোমেশন |
| খরচ | বিনামূল্যে | ফ্রি টিয়ার, উদার সীমা |
উইজেট দিয়েই শুরু করুন; নিজের কোডের ভেতরে কাঁচা সংখ্যাগুলো দরকার হলে API-তে যান।
সাধারণ জিজ্ঞাসা
উইজেটটি কি সত্যিই ফ্রি, কোনো API কী লাগে না?
আমার সাইটে উইজেটে অবস্থান আসছে না কেন?
উইজেট এম্বেড করলে কি GDPR সম্মতি ব্যানার দিতে হবে?
ইংরেজিতে দেখুন: Free Location Widget for Your Website · বাংলা