Sitenizdeki harita neden "For development purposes only" yazıyor?

Bir firmanın iletişim sayfasında sık görülen bir durum: harita koyu ya da gri bir katmanla açılır, üzerinde tekrar tekrar "For development purposes only" yazar ve çoğu zaman "This page can't load Google Maps correctly" diye bir kutu çıkar. Ziyaretçi adresi bulmaya çalıştığı yerde bir hata mesajı görür.

Harita kodu genellikle doğrudur. Sorun, haritanın bağlı olduğu Google hesabındadır.

Neden olur?

Sitelere harita eklemenin iki yolu var. Biri Google Haritalar'ın paylaş menüsünden alınan hazır yerleştirme kodu. Diğeri, haritayı sitenin kendi koduyla çizen Maps JavaScript API. Bu uyarı ikinci yolda çıkar: bu API 2018'den beri bir API anahtarı ve Google Cloud'da tanımlı bir faturalandırma hesabı istiyor. Anahtar ya da hesap geçerli değilse Google haritayı yine gösterir ama bu uyarıyla işaretler.

En sık nedenler:

• Faturalandırma hesabı yok ya da kapanmış. Anahtar oluşturulmuş ama bir ödeme yöntemi bağlanmamıştır; ya da bağlı kartın süresi dolmuş ve hesap askıya alınmıştır.
• Anahtar başka bir adrese kısıtlı. Anahtar güvenlik için yalnızca belirli adreslerde çalışacak şekilde ayarlanmıştır. Site yeni bir alan adına ya da www'lu sürüme taşındıysa anahtar yeni adresi tanımaz. Sitenin birden fazla adreste açılmasının başka sonuçları için: Siteniz www ile girince farklı mı açılıyor?
• Gerekli API açılmamış. Anahtarın bağlı olduğu projede Maps JavaScript API etkinleştirilmemiştir.
• Anahtar silinmiş ya da erişilemeyen bir hesapta. Siteyi kuran kişi ya da ajans anahtarı kendi Google hesabında oluşturmuş, sonra projeyi kapatmış ya da firmayla çalışmayı bırakmıştır.

Nasıl anlaşılır?

1. Haritanın olduğu sayfayı bilgisayarda açın.
2. Tarayıcının geliştirici araçlarını açın (çoğu tarayıcıda F12) ve "Console" (Türkçe arayüzde "Konsol") sekmesine geçin.
3. Google Maps kaynaklı hata satırını bulun. Hatanın adı nedeni doğrudan söyler.

• BillingNotEnabledMapError: Projede faturalandırma etkin değil.
• RefererNotAllowedMapError: Anahtar bu sayfanın adresinde kullanılmaya izinli değil.
• ApiNotActivatedMapError: Maps JavaScript API projede açılmamış.
• InvalidKeyMapError ya da MissingKeyMapError: Anahtar geçersiz ya da hiç verilmemiş.

Sayfanın kaynak kodunda maps.googleapis.com/maps/api/js geçiyorsa site JavaScript API'yi kullanıyordur; adresteki key= değeri kullanılan anahtardır.

Nasıl düzelir?

İki yol var. Hangisinin uygun olduğu haritanın ne için kullanıldığına bağlı.

1. Yol: Hazır yerleştirme koduna geçmek

Harita yalnızca firmanın konumunu gösteriyorsa en basit çözüm budur. Google Haritalar'da firmanın kaydını açın, paylaş menüsünden haritayı yerleştirme seçeneğini seçin ve verilen iframe kodunu sitedeki eski haritanın yerine koyun. Bu yöntem API anahtarı ya da faturalandırma hesabı gerektirmez.

2. Yol: Anahtarı ve hesabı düzeltmek

Harita özel işaretler, birden fazla konum ya da site içinde başka işlevlerle kullanılıyorsa JavaScript API'de kalmak gerekir.

1. Anahtarın hangi Google Cloud projesine ait olduğunu ve bu projeye kimin erişebildiğini bulun. Erişim yoksa firmanın kendi hesabında yeni bir proje ve anahtar oluşturun.
2. Projede faturalandırma hesabını bağlayın ve Maps JavaScript API'yi etkinleştirin.
3. Anahtarı yalnızca sitenin adreslerinde çalışacak şekilde kısıtlayın ve bu listeye sitenin açıldığı bütün adresleri ekleyin.
4. Sitedeki anahtarı yenisiyle değiştirin, sayfayı yenileyin ve konsolda hata kalmadığını kontrol edin.

Faturalandırma hesabı tanımlı olmak zorundadır, ancak kurumsal bir sitenin iletişim sayfası gibi düşük trafikli kullanımlarda maliyet çoğu zaman Google'ın ücretsiz kullanım sınırları içinde kalır. Beklenmedik bir fatura olmaması için Google Cloud'da bütçe uyarısı tanımlayın.

Haritanın dışında

İletişim sayfasında adres her zaman metin olarak da yazılı olmalı; harita yüklenmese bile ziyaretçi adresi okuyabilmeli. Haritadaki firma adı siteden değil Google İşletme Profili'nden gelir. Arama sonucunda firma adı yanlış görünüyorsa o ayrı bir sorundur: Google'da firma adınız yerine "Ana Sayfa" mı yazıyor?