Web sitenize Google Haritalar kodu nasıl eklenir?

Web sitenize Google Haritalar kodu nasıl eklenir?

Web sitenize kolay ve anlaşılır bir şekilde Google Haritalar kodu ekleyebilirsiniz.

Genellikle şirket web sitelerinin iletişim sayfalarında yer alan ve şirket adresini ziyaretçiye detaylı bir şekilde göstermeye yarayan haritayı sizde kolay bir şekilde web sitenize ekleyebilirsiniz. Bunun için hazırlanmış bir web sitesinden faydalanacağız. Google Haritalar üzerinden de bu işlemi yapabilirsiniz. Ancak bu yöntemde harita üzerine şirket bilgilerini, detayları ve tam yerinizi gösteren mesaj balonu içerisinde gösterebilirsiniz. Google haritalarda ise paylaş diyerek sadece adresin bulunduğu yerin çevresi ile birlikte iframe kodu olarak alıp sitenize eklersiniz.

Google harita kodunu almak için öncelikle buraya tıklayıp siteye gidelim. Türkçe desteği bulunmayan bu siteyi İngilizce olarak kullanabilirsiniz.

Google Haritalar’ı web sitenize yerleştirmek hazır kod hizmeti sayesinde artık çok kolay! Aşağıdaki aşamaları uygulayarak şirketinizin web sitesine lokasyonunuzu nasıl ekleyebileceğiniz konusunda gerekli bilgiyi alabilirsiniz:

  1. Başlık kısmına şirketin veya ilgili adresin ismini girebilirsiniz.
  2. İlgili adresi seçin. İhtiyacınıza en uygun düşen harita türünü seçin. Bu seçenekler uydu, hibrit harita veya arazi haritasıdır.
  3. Yakınlaştırma 50 veya 100 m seçmek daha mantıklı olabilir.
  4. Haritanın web sitenizde kaplayacağı yeri göz önüne alarak uygun en ve boyu belirleyin.

Bu işlemleri yaptıktan sonra “Generate My Code” butonuna tıklayın. Oluşan kodu butona tıklayıp seçin ve "Ctrl+C” ile kopyalayın. En son olarak, oluşturulan bu HTML kodunu web sitenizde haritayı göstereceğiniz alanın kaynak kodu içine yapıştırın. Google Haritası’nı web sitenizin farklı bölümlerine yerleştirebilirsiniz, örneğin bir makalenin, bilgi veya iletişim sayfasına veya widgetların üzerinde kullanabilirsiniz.

Ancak bu kodları siteye eklemeniz herşey bitti anlamına gelmiyor. Google api kodu olmadan harita gösterimi yapmaz. Api kodunu sayfanıza eklemezseniz haritanın görüneceği yerde aşağıdaki gibi hata uyarısı görürsünüz.

google haritalar

Bunu aşmak için Google'dan api key kodu alıp sayfamıza ekleyeceğiz. Bunun için https://code.google.com/apis/console adresine giderek Google hesabınızdan giriş yaptıktan sonra Console’da belirtilen yönergeleri takip ederek gerekli olan “maps api key alma” işlemini tamamlamış olursunuz.

Ogznet.com

Yorumlar

    Bu yazıya henuz bir yorum yapılmamış. İlk yorumu yapan siz olun!
Yorum Yaz


yenile