WordPress Google Maps Ekleme Nasıl Yapılır? WordPress sitenize Google Haritalar eklemek, işletmenizin konumunu göstermek, müşterilerinizle etkileşimi artırmak ve sitenizin SEO performansını optimize etmek için harika bir yoldur. WordPress Google Maps ekleme işlemi için bunu yapmanın birkaç basit yöntemi bulunmaktadır.
- Eklenti Kullanarak WordPress Google Maps Ekleme
- Google Haritalar Gömme Kodunu Kullanma
- WordPress Temanızın Harita Özelliğini Kullanma
WordPress Google Maps Ekleme Nasıl Yapılır? WordPress’e Google Haritalar eklemek, sitenizi geliştirmenin ve kullanıcı deneyimini iyileştirmenin kolay bir yoludur. Yukarıdaki yöntemlerden birini kullanarak, haritanızı dakikalar içinde ekleyebilir ve çalışmaya başlayabilirsiniz. Özellikle bu noktada dikkat etmeniz gereken bazı önemli ipuçları şöyledir.
- Ziyaretçilerinizin mobil cihazlarda sitenizi kolayca görüntüleyebilmeleri için haritanızın tüm ekran boyutlarına uymasını sağlayın.
- Haritanızın ne kadar ayrıntılı görünmesini istediğinizi belirleyin.
- İşletmenizin konumunu ve diğer önemli noktaları işaretleyin.
- Haritanızda öne çıkmak için kendi logonuzu veya simgenizi kullanın.
- Ziyaretçilerinizin işletmenizi kolayca bulabilmeleri için yol tarifi ve konum arama ekleyin.
Eklenti Kullanarak WordPress Google Maps Ekleme
WordPress için birçok Google Maps eklentisi mevcuttur. En popüler seçeneklerden biri WP Google Maps’tir. Özellikle bu eklentiyi kullanarak şunları yapabilirsiniz.
- Haritaları sayfalara ve gönderilere ekleyin.
- Birden fazla işaretleyici ekleyin ve özelleştirin.
- Harita türlerini ve görünümlerini seçin.
- Yol tarifi ve konum arama ekleyin.
- Haritalarınızı duyarlı hale getirin.
WP Google Maps’i kullanmak için şu adımların takip edilmesi gerekmektedir.
- Eklentiyi WordPress sitenize yükleyin ve etkinleştirin.
- Haritalar menüsüne gidin ve Yeni Ekle’ye tıklayın.
- Haritanızın ayarlarını özelleştirin.
- Kısa Kodu kopyalayın ve haritanızı eklemek istediğiniz sayfaya veya gönderiye yapıştırın.
Google Haritalar Gömme Kodunu Kullanma
Google Haritalar, haritanızı herhangi bir web sitesine gömebileceğiniz bir kod sunar. Google Haritalar gömme kodunu kullanma yöntemi biraz daha teknik bilgi gerektirse de eklenti kullanmaktan daha fazla özelleştirme seçeneği sunar. Google Haritalar gömmek için şu adımları izleyin.
- https://developers.google.com/maps/documentation/embed/get-started adresine gidin.
- Haritanızın konumunu ve boyutunu ayarlayın.
- Gömme Kodu’nu kopyalayın.
- Haritanızı eklemek istediğiniz sayfaya veya gönderiye kodu yapıştırın.
WordPress Temanızın Harita Özelliğini Kullanma
Bazı WordPress temaları, Google Haritalar eklemeyi kolaylaştıran yerleşik bir harita özelliğine sahiptir. Temanızın bu özelliği destekleyip desteklemediğini kontrol etmek için belgelerine bakın. Eğer temanız bu özelliği desteklemiyorsa bu özelliği sunan bir temaya geçiş yapabilirsiniz.
Siteye Harita Ekleme HTML Kodu
Web sitenize harita eklemek, ziyaretçilerinizin işletmenizin veya ilgi çekici bir konumun yerini kolayca bulmasına yardımcı olur. Bunu yapmanın en kolay yollarından biri Google Haritalar’ı kullanmaktır. Google Haritalar, web sitenize yerleştirebileceğiniz özelleştirilebilir HTML kodları sağlar.
Siteye harita ekleme HTML kodu yöntemi için gerekli adımlar şöyledir.
- https://maps.google.com/ adresine gidin ve haritanızın merkezini istediğiniz konuma ayarlayın.
- Arama çubuğunun yanında bulunan üç çizgiye tıklayın ve açılan menüden “Paylaşın veya harita yerleştirin” seçeneğini seçin.
- “Harita Yerleştirme” sekmesine tıklayın.
- Haritanızın boyutunu, görünümünü ve diğer seçeneklerini özelleştirebilirsiniz.
- “HTML’yi kopyala” butonuna tıklayarak oluşturulan HTML kodunu kopyalayın.
- Kopyaladığınız HTML kodunu, web sitenizin haritanın görünmesini istediğiniz yere yapıştırın.
Örnek HTML kodu şöyledir. “<iframe src=”https://maps.google.com/” width=”600″ height=”450″ frameborder=”0″ style=”border:0;” allowfullscreen></iframe>”
Kopyaladığınız kodda width ve height değerlerini dilediğiniz boyutlara göre değiştirebilirsiniz. Kodun src özelliğindeki URL’yi, kendi haritanızın URL’siyle değiştirdiğinizden emin olun. Haritanızın daha fazla özelleştirmesi için https://developers.google.com/maps adresini ziyaret edebilirsiniz.
Ek ipuçları ise şöyledir.
- Haritanıza işaretleyici eklemek için kodda marker parametresini kullanabilirsiniz.
- Haritanın belirli bir bölümünü göstermek için kodda zoom parametresini kullanabilirsiniz.
- Haritanın belirli bir kontrol setini göstermek için kodda `control** parametresini kullanabilirsiniz.
Google Maps API Key
Google Maps API key, web sitenizin veya uygulamanızın Google Haritalar platformuyla etkileşime girmesine olanak tanıyan bir kimlik bilgisidir. Anahtar sayesinde, haritaları ve yol tariflerini gösterme, konum tabanlı arama işlevleri kullanma ve daha fazlası gibi çeşitli işlemler gerçekleştirebilirsiniz.
Google Maps API key faydaları şunlardır.
- Web sitenizin veya uygulamanızın ziyaretçilerinin aradıkları yerleri kolayca bulmalarını sağlayabilirsiniz.
- Kullanıcıların konumlarına göre alakalı sonuçlar sunarak daha iyi bir kullanıcı deneyimi oluşturabilirsiniz.
- İşletmenizin adresi, çalışma saatleri ve iletişim bilgileri gibi bilgileri gösterebilirsiniz.
- Haritalara tıklama, rota oluşturma ve yerleri işaretleme gibi etkileşimli özellikler ekleyebilirsiniz.
Google Maps API Anahtarı almak için bir Google Cloud Platform hesabına ihtiyacınız vardır. Hesabınız yoksa, https://cloud.google.com/ adresinden ücretsiz bir hesap oluşturabilirsiniz. Hesabınız olduktan sonra, aşağıdaki adımları izleyerek bir API anahtarı oluşturabilirsiniz.
- Google Cloud Platform konsoluna gidin.
- APIs & Services menüsünden Maps, Platform’u seçin.
- APIs sekmesine gidin ve Maps JavaScript API’yi etkinleştirin.
- Credentials sekmesine gidin ve Create Credentials butonuna tıklayın.
- API key seçeneğini seçin ve Create butonuna tıklayın.
Oluşturduğunuz API anahtarını, web sitenizin veya uygulamanızın koduna eklemeniz gerekir. Google, API anahtarınızı nasıl kullanacağınızla ilgili detaylı talimatlar sunmaktadır.
Diğer Yazılarımız
- PHP Null CoalescingPHP Null Coalescing bu sistemin 7 sürümünde tanıtılmış olup, koşullu olarak veri atamaya yardım etmektedir.
- PHP’de If-Else İfadesiPHP if else ifadesi sadece PHP’de değil, aynı zamanda pek çok programlama dilinde en önemli yapı taşlarından..
- PHP Matematiksel İşlemlerPHP matematiksel işlemler her işlem için farklılık göstermektedir. Örnek olarak Pi değerini döndüren bir koda ihtiyacınız..
- PHP For DöngüsüPHP For Döngüsü Hangi programlama dili kullanılırsa kullanılsın for döngüsü mutlaka içerisinde yerini almaktadır.
- PHP Do While DöngüsüPHP Do While döngüsü tıpkı While döngüsü gibi kod kümesini geçmek için yararlanılabilmektedir. Do-while
- PHP Array DöngüsüPHP Array Döngüsü birden çok değeri söz konusu değeri depolamak için daha fazla değişken oluşturmaya gerek kalmadan,
- PHP Yorum SatırlarıPHP yorum satırları nedir? Sorusuna yanıt olarak; PHP’de yorum satırları, kod yazarken önemli bir rol oynayan ve kodun
- Php Echo KomutuPhp Echo Komutu PHP içerisinde kullanılabilecek pek çok komut bulunmakta olup her biri ayrı bir işleve sahiptir.
- PHP Değişkenler – PHP Değişken TanımlamaPHP Değişkenler – PHP Değişken Tanımlama, Her dilin kendine özgü PHP değişken tanımlaması bulunmaktadır.
- 502 Bad Gateway Hatası ve Çözüm Teknikleri502 Bad Gateway Hatası ve Çözüm Teknikleri Bağlantı hatası kodları internet kullanıcılarının karşılaşabileceği en can sıkıcı
