Google Harita Modülü (Tek İşaretçili)

Bu eğitimde sizlere, şu anda ekranda gördüğünüz, 'Google Harita (Tek İşaretçi)' modülünü web sitenize nasıl ekleyeceğinizi anlatacağım.

1. Adım: Modül eklemek istediğiniz web sitesinin yönetim paneline gidin.
2. Adım: Yeni modül eklemek için, önce 'tüm modüller' düğmesine, ardından 'modül ekle' düğmesine tıklayın.
3. Adım: Modül türleri içinden, 'Google Harita (Tek İşaretçi)' modülüne tıklayın.
4. Adım: Modülün yayınlanmasını istediğiniz sayfayı seçin.
5. Adım: Genel modül ayarları bölümünden, modülün başlığını yazın. Ardından, sayfa içinde görüntüleneceği konumunu seçin.
6. Adım: Kaydet düğmesine basarak modülü oluşturun.

Hangi türde olursa olsun, bütün modüller, hep aynı şekilde oluşturulur.

Şimdi sıra, 'Google Harita (Tek İşaretçi)' modülüne özgü tercihleri düzenlemeye geldi.

Konum parametresi: İşaretçinin yerleştirileceği coğrafi koordinatları veya adresi belirtir.
Harita en/boy oranı parametreleri: Haritanın genişlik-yükseklik oranını hem masaüstü hem de mobil görünümler için ayarlamanızı sağlar.
Google Map API key parametresi: Harita işlevselliğinin çalışması için Google Maps API anahtarınızı gerektirir.
İşaretçi bilgi penceresi parametresi: İşaretçiye tıklandığında görüntülenecek özel içeriği eklemenize olanak tanır.

Modül türüne özgü tercihlerinizi tamamladıktan sonra, kaydetmeyi unutmayın.

Ayrıca, 'yayınlanacağı sayfaları seç' düğmesine tıklayarak, modülünüzün hangi sayfalarda yayınlanacağına karar verebilirsiniz.

'Google Harita (Tek İşaretçi)' modülü ile ilgili anlatacaklarım bu kadar.

web sitesinde google haritalar modülü

Web sitenizde İstediğiniz Konuma ofisinizin konumunu gösteren canlı google haritaları ekleyebilirsiniz. Google haritası eklemenin en kolay yolunu BulutPress® web tasarım bayilik platformu size sunuyor. Yapmanız gereken tek şey imleci haritada istediğiniz bir yere taşıyıp kaydet düğmesine basmak.

Harita Modülü (Google Api Key Kullanarak)

Web sitenizde herhangi bir sayfanın, herhangi bir konumunda, dünya üzerindeki dilediğiniz noktayı işaretleyip açıklama penceresi de ekleyerek, harita modülü oluşturabilirsiniz. BulutPress harita modülü api entegrasyonu sayesinde yapmanız gereken tek şey bir google api key anahtarı edinmek.

harita modülü örneği.png

Google Harita Modülüm Çalışmıyor Ne Yapmalıyım?

Google haritalar uygulaması için google map api key kullanmak zorunludur.

Google map api key almak ücretsizdir ve yüzbinlerce görüntülemeye kadar da ekstra ücret alınmaz. Ancak yine de haritanızın görüntülenmesi için api keyi kodlara eklemeniz gerekir.

Google Map Api Key Almak İçin Ne Yapmalıyım?

Google geliştirici sayfasında bulunan get api key sayfasından giriş yapıp kendi anahtarınızı alabilirsiniz. Anahtarı alma işlemleri o sayfada adım adım anlatılmaktadır.

Google Map Api Key'i Kendi Haritama Nasıl Ekleyebilirim?

BulutPress® yönetim panelinizde her bir harita modülünün düzenleme ekranında en alt satırda Google Map Api Key yazma alanı bulunur. Haritanıza kodu ekleyerek yeniden çalışmasını sağlayabilirsiniz. Kodu formdaki ilgili alana eklemekten başka bir şey yapmanız gerekmez.

Harita Modülü (Google Api Key Almadan)

İşletmenizin google haritalarda (my business, benim işletmem) hesabı varsa aşağıdaki videoyu izleyerek, api key almadan kolayca web sitenize ekleyebilirsiniz.

Bu işlemi yapmak için istediğimiz kodu sayfaya eklememize imkân veren serbest modülü kullanacağız.

İşin temel mantığı şöyle:

  1. Google'da kendi markanızı aratın. Örneğin: "sarvon"
  2. Eğer google işletme kaydınız varsa sağ tarafta haritanızı göreceksiniz.
  3. Haritanıza tıklayın ve açılan sayfadan "paylaş" butonuna tıklayın.
  4. Harita yerleştirme sekmesindeki html kodunu kopyalayın.
  5. Web sitenizde serbest modül oluşturun ve kopyaladığınız kodu modülün içine ekleyin.
  6. Yeni haritanız, istediğiniz konumda, api key olmadan yayında.
  7. Arkanıza yaslanın ve BulutPress® rahatlığının keyfini yaşayın.

https://www.youtube.com/watch?v=OUbBa6hTi3w

İşletmenizi Haritada Göstermenin En Kolay Yolu: BulutPress Google Harita Modülü

Modern web tasarımında, işletmelerin konumlarını etkili bir şekilde göstermek artık bir lüks değil, temel bir ihtiyaç haline geldi. BulutPress'in Google Harita (Tek İşaretçi) modülü, web sitenize profesyonel bir harita entegrasyonu eklemenin en kolay ve etkili yolunu sunuyor.

Neden Web Sitenizde Harita Kullanmalısınız?

Araştırmalar gösteriyor ki, web sitesinde konumunu harita ile gösteren işletmeler, müşteri ziyaretlerinde ortalama %27 artış yaşıyor. İşletmenizin fiziksel konumunu görsel olarak göstermek, potansiyel müşterilerinize güven veriyor ve ulaşılabilirliğinizi artırıyor.

Google Harita Modülünün Avantajları

Tam Kontrol Sizde: Haritanızın görünümünü, boyutlarını ve işaretçi bilgilerini özelleştirerek markanıza uygun profesyonel bir görünüm elde edebilirsiniz.

Mobil Uyumlu Tasarım: Responsive web tasarım prensiplerine uygun olarak geliştirilen modül, tüm cihazlarda mükemmel görüntülenme sağlar.

SEO Dostu Yapı: Google'ın arama algoritmaları, konum bilgisi içeren web sitelerine öncelik veriyor. Harita modülü, web sitenizin arama motoru optimizasyonuna katkıda bulunur.

Teknik Özellikler ve Esneklik

  • Özelleştirilebilir İşaretçi Bilgileri: Adres, telefon, çalışma saatleri gibi önemli bilgileri işaretçi üzerinde gösterebilirsiniz.
  • Responsive Tasarım: Masaüstü ve mobil cihazlar için ayrı ayrı en/boy oranı ayarlama imkanı.
  • Kolay Entegrasyon: Google Maps API key entegrasyonu ile güvenli ve profesyonel kullanım.

İşletmeniz İçin Pratik Faydalar

Google Harita modülü, sadece bir konum gösterme aracı değil, aynı zamanda işletmenizin profesyonelliğini vurgulayan önemli bir pazarlama aracıdır. Müşterileriniz, tek bir tıkla size nasıl ulaşacaklarını görebilir, navigasyon uygulamalarına yönlendirilebilir ve işletmeniz hakkında önemli bilgilere erişebilir.

Web Tasarımcılar İçin Değer Katın

Freelancer web tasarımcılar ve dijital ajanslar için Google Harita modülü, müşterilerinize sunabileceğiniz değerli bir özellik. Kurulum ve yönetimin kolaylığı, projenizi hızla tamamlamanızı sağlarken, profesyonel sonuç müşteri memnuniyetini artırır.

Hızlı web sitesi kurulum sürecinizde, Google Harita modülünü kullanarak projelerinize değer katın. Modern, profesyonel ve kullanıcı dostu bir deneyim sunmak hiç bu kadar kolay olmamıştı.

Facebook Twitter E-Mail Whatsapp