Konum Widget'ını Her Siteye Nasıl Eklersin

Widget tek bir iframe satırıdır — özel HTML kabul eden her platform onu barındırabilir. Temayı ve boyutu gömme sayfasında ayarla, kodu kopyala, sonra aşağıdan kendi platformunun adımlarını izle. WordPress kullanıyorsan tek tıkla kurulan bir eklenti seni bu işten tamamen kurtarır.

İzin tabanlı · Gizli · Chrome, Safari, Firefox, Edge'de çalışır

WordPress (en kolayı: eklenti)

Eklentiyle: whatismylocation-widget.zip dosyasını indir → wp-admin ▸ Eklentiler ▸ Yeni Ekle ▸ Eklenti Yükle → etkinleştir. Sonra [whatismylocation] kısa kodunu kısa kodların çalıştığı her yere koy (yazılar, sayfalar, metin widget'ları); seçenekleriyle birlikte: [whatismylocation theme="golden" mode="full" height="420"]. Eklenti de aynı iframe'i üretir — sitende başka hiçbir şeye dokunmaz.

Eklentisiz: blok düzenleyicide bir Özel HTML bloğu ekle ve iframe'i yapıştır. Klasik düzenleyicide önce Metin sekmesine geç.

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Öğe Ekle ▸ Kodu Göm ▸ HTML Göm → iframe'i yapıştır → öğeyi seçtiğin yüksekliğe göre boyutlandır. (Wix gömülü içerikleri korumalı alanda çalıştırır; allow özniteliği sayesinde konum izni yine de sorulur.)
Squarespace: bir Code bloğu ekle (güncel paketlerde var) → yapıştır. Widget görünüyor ama düğme hiçbir şey yapmıyorsa kod parçasını yeniden kopyala — allow="geolocation" özniteliği mutlaka bulunmalı.
Shopify: tema düzenleyicide bir Özel Liquid bölümü ekle (ya da sayfanın HTML'ini düzenle) ve iframe'i yapıştır. Online Store 2.0 temalarında uygulama kurmadan çalışır.
Webflow: bir Embed öğesi sürükle → yapıştır → yayımla (gömülü içerikler yalnızca yayımlanmış sitede görünür, tasarımcı ekranında değil).
Blogger / diğer CMS'ler: ham HTML gösteren her görünüm iframe'i olduğu gibi kabul eder.

Platformların cilveleri değişir; site kurucusu senin paketinde iframe'leri siliyorsa asıl kaynak, onun “özel HTML gömme” başlıklı yardım sayfalarıdır.

Seçenekler tablosu

Parametre	Değerler	Notlar
`theme`	light · dark · golden	Golden, sıcak ve prestijli tasarımlara yakışır.
`mode`	compact · full	Full bir mini harita ekler (daha uzun: height ≥ 380 kullan).
iframe `height`	220–800 px	Compact 260'a sığar; full 420'de rahat eder.
`allow`	geolocation	Zorunlu — o olmadan tarayıcı, iframe içindeki izin istemini engeller.

wordpress'e konum widget'ı ekleme iframe ile konum widget'ı gömme

Sıkça sorulan sorular

WordPress için eklenti şart mı?

Hayır. Eklenti yalnızca en kısa yol: bir kısa kod verir ve tam olarak aynı iframe'i üretir. Blok düzenleyicide bir Özel HTML bloğuna iframe satırını yapıştırmak da aynı sonucu verir.

Widget görünüyor ama düğme çalışmıyor, neden?

Neredeyse her zaman yapıştırdığın kodda allow="geolocation" özniteliği eksiktir; o olmadan tarayıcı iframe içindeki konum iznini engeller. Kod parçasını gömme sayfasından baştan kopyala, eskisinin tamamını değiştir ve sayfanın HTTPS üzerinden sunulduğundan emin ol.

iframe'in yüksekliği kaç olmalı?

220 ile 800 piksel arasında. Compact görünüm 260 pikselde rahat durur; mode="full" mini haritayı eklediği için en az 380, tercihen 420 piksel ister. Site kurucusundaki öğenin yüksekliğini de aynı değere ayarla.

İngilizce görüntüle: How to Embed the Location Widget on Any Site · Türkçe