Turbosite sitenize Yandex Haritalar nasıl eklenir
Yandex Haritalar, Rus izleyiciler için temel harita servisidir. Siteye harita eklemenin iki kolay yolu vardır: Harita Oluşturucu (rota çizmek veya işaretçi koymak için) veya doğrudan Yandex Haritalar üzerinden (yorumlar ve iletişim bilgileri içeren işletme kartı). Her iki seçenek de ekleme için hazır HTML kodu sağlar. Ücretsizdir, API anahtarı gerekmez. Kurulum 5–10 dakika sürer.
Neler gereklidir
- Bir Yandex hesabı — ücretsiz kayıt
- Turbosite üzerinde yayınlanmış bir site
- 5–10 dakika
Yöntem 1: Yandex Haritalar’dan işletme kartı (Haritalar’da zaten bir şirketiniz varsa)
Bu en hızlı yöntemdir; işaretçi, yorumlar ve “Rota oluştur” butonu içeren bir harita sağlar.
- yandex.ru/maps adresini açın ve arama kısmından şirketinizi bulun.
- Şirket sayfasında “Paylaş” butonuna (ok simgesi) tıklayın → “Widget” sekmesini seçin.
- Önizlemeyi yapılandırın (boyut, işaretçi, şirket bilgileri).
- Siteye eklemek için kodu kopyalayın.
📷 Ekran görüntüsü: Yandex Haritalar’da “Paylaş → Widget” penceresi açık olan işletme kartı.
Yöntem 2: Harita Oluşturucu ile kendi haritanızı oluşturma (birden fazla işaretçi veya rota gerekiyorsa)
- yandex.ru/map-constructor adresini açın.
- Harita üzerinde istediğiniz noktayı bulun.
- Gerektiğinde işaretçiler, çizgiler veya alanlar ekleyin.
- “Kaydet ve devam et” butonuna tıklayın → harita boyutlarını ayarlayın.
- “Harita kodunu al” butonuna tıklayın → “iframe” formatını seçin.
- Kodu kopyalayın.
📷 Ekran görüntüsü: Ayarlanmış işaretçileri ve oluşturulmuş iframe kodu ile Yandex Harita Oluşturucu.
Adım 3. Kodu Turbosite’a ekleme
Harita sayfanın belirli bir yerinde (örneğin “İletişim” bloğunda) göründüğü için kod <head> içine değil, sayfa gövdesine eklenir.
- Turbosite’ta sitenizi açın.
- Sayfanın istediğiniz yerine (genellikle iletişim bölümüne) bir “HTML kodu” bloğu ekleyin.
- Kopyaladığınız harita kodunu yapıştırın.
-
Değişiklikleri kaydedin.
- Sitenizi yayınlayın.
📷 [Turbosite ekran görüntüsü — eklenecek: sayfa gövdesinde harita içeren HTML kodu bloğu].
Adım 4. Haritanın çalıştığını kontrol etme
- Yayınlanan sitenizi açın.
- Harita bloğuna gidin; harita 1–2 saniye içinde yüklenmelidir.
- Mobil cihazda kontrol edin: harita düzgün bir şekilde ölçeklenmelidir.
Eğer harita mobilde kesiliyorsa, Oluşturucu’da “Genişliğe göre uzat” seçeneğini işaretleyerek boyutları yeniden ayarlayın.
Sıkça Sorulan Sorular
Birden fazla işaretçi veya rota ekleyebilir miyim? Evet, Harita Oluşturucu (Yöntem 2) aracılığıyla. Burada rota çizebilir, çokgen ekleyebilir ve farklı renklerde birçok işaretçi koyabilirsiniz.
Harita sitenin yüklenmesini yavaşlatıyor. Iframe harita asenkron olarak yüklenir ve sayfayı engellemez. Sayfada tek bir harita varsa sorun olmaz. Çok fazla harita varsa veya site aşırı yüklüyse lazy-load (tıklama ile yükleme) kullanabilirsiniz.
Kendi verilerimle (kurumsal stil, renkler) bir harita koyabilir miyim? Temel iframe’de hayır, tasarım standarttır. Tam özelleştirme Yandex Haritalar JavaScript API’si ile yapılır, ancak bu bir geliştirici ve API anahtarı gerektirir.
Temel harita için API anahtarı gerekiyor mu? Hayır. Oluşturucu’dan veya şirket kartından alınan haritalar anahtarsız eklenir. Anahtar sadece JavaScript API için gereklidir.
Yandex Haritalar yorumlarını nasıl eklerim? Bu ayrı bir widget’tır; Yandex Haritalar’daki şirket kartında → “Paylaş” → “Yorum widget’ı” kısmından ulaşabilirsiniz. Aynı şekilde HTML bloğu aracılığıyla eklenir.
Daha fazla bilgi için
- Yandex Harita Oluşturucu — temel araç
- Harita Oluşturucu Yardım — resmi dokümantasyon
- Yandex Haritalar API — ince ayarlar için
