alperheper
Bu yazımda internet sitenize Google Translate (Google Çeviri) ile internet sitenize otomatik çeviri özelliği eklemeyi ve böylece yabancı kullanıcılara, içeriklerinizi, hizmetlerinizi veya ürünlerinizi, kullanıcıların kendi dillerinde, şık ve kolay bir biçimde sunabilmeniz için neler yapılması gerektiğini anlatacağım ve kodlarını sizlerle paylaşacağım.
İşlemler oldukça basit. Sadece Javascirpt ve HTML kodunu yerleştirerek sitenize kolaylıkla bu özelliği ekleyebilirsiniz. Üstelik Google Translate‘in kalabalık dil seçme kutusu olmadan sadece tercih ettiğiniz dilleri seçerek, bayrakları ile simgeleyerek hem kullanıcı kolaylığı, hem de şık bir site görünümüne sahip olabilirsiniz.
Otomatik çeviri için aşağıda görüntüleri bulunan 2 farklı kod eklenmesi gerekiyor. Bunlarında bir tanesi javascript kodu olup <head> etiketi içine, diğerini ise sitenizde bayrak ikonlarının görünmesini istediğiniz <div> etiketinin içine yerleştirmeniz gerekiyor. Javascript, komutların çalışmasını sağlayan öğe olup, diğer HTML kodu, kullanıcı arayüzünde görüntülemesini sağlayacaktır.
<head> kısmına eklenmesi gerek Javascript kodları aşağıdaki gibidir. Öncelikle bu kodu eklemelisiniz. Daha sonra bayrak ikonlarının görünmesini istediğiniz kısımda bulunan <div> etiketi içine onun altındaki HTML kodlarını eklemelisiniz.
Yukarıdaki Javascript kodunu buradan indirebilirsiniz.
Yukarıdaki kodları <head> etiketinin arasına yapıştırdıktan sonra bayrak ikonlarının nerede görünmesini istiyorsanız orada bulunan <div> etiketinin altına aşağıdaki kodları eklemeniz gerekmektedir.
Yukarıdaki HTML kodunu buradan indirebilirsiniz.
Hazırladığım dosyada, ülkemizde en çok kullanılan dillerden İngilizce, Almanca ve Arapçayı ekledim. Ancak siz sitenizi hangi dillerde yayınlamak istiyorsanız, aynı mantıkta bayrak resimlerini ve dil kodlarını değiştirebilirsiniz. Google Site Çevirici için gereken dil kodlarını buradan görüntüleyebilirsiniz.
Son olarak CSS dosyasının içine aşağıdaki kodu eklemeniz gerekiyor.
Yukarıdaki CSS kodunu buradan indirebilirsiniz.
Bu kodları site dosyalarınıza yerleştirmeden önce mutlaka dosya yedeklerinizi alarak yapınız. Dinamik sitelerde tema sayfalarına tek bir yere yapıştırarak tüm sayfalara ekleyebilirsiniz, ancak HTML gibi sabit sayfalarda her sayfaya tek tek eklenmesi gerekmektedir.
İnternet hizmetleri sunduğum www.websanati.com adresinden uygulamayı test edebilirsiniz.
Yaşadığınız sorunlar veya deneyimler hakkında yorum yaparak diğer kullanıcılarla paylaşabilirsiniz. İşinize yaradığını düşünürseniz ihtiyaç duyan kişilerle paylaşabilirsiniz. Bilgi paylaşınca güzeldir. Ben de yazılarımda bunu yapmaya çalışıyorum. Vakit ayırdığınız için teşekkür ederiz.
Teşekkür ederiz, işimizi gördü.
Rica ederim.
Hocam telefondan giriyorum yeni yorum yazma yeri nerede? Neyse…
Websanatı.com daki önde yazı arkada resim olan giriş kısmındaki resmi nasıl karanlık efekt yaptınız. Benim de böyle bir şeye ihtiyacım var ben yapamamıştım
CSS üzerinden yapılır. Bu konuda desteğe ihtiyacınız varsa websanati.com üzerinden iletişime geçerseniz çok düşük bir ücret karşılığında yapabilirim.
Merhabalar
Php sayfamda Kodu çalıştırdım. header kısmına bayrakları (header.php ile tüm sayfalara eklemeyi hallettim.) ekledim. Fakat anasayfa dışında başka sayfalara geçince eski haline dönüyor. Orada bayrapğa tıklayınca ana sayfaya atıyor. Sorun nerededir acaba? Teşekkürler.
kodlamada bir hata yapmışa benziyorsunuz. çünkü normalde sayfa değişince o sayfayı da 1-2 sn içinde istenilen dile çevrilmiş olarak yüklüyor. ayrıca ana sayfaya atmaması gerekiyor.
Merhaba öncelikle teşekkürler paylaşım için fakat placeholder kısımlarını çevirmiyor, onun çözümü nedir ?
Şu an araştırmadım ancak bir çözüm olarak “isim / name” şeklinde yazabilirsiniz. Ya da bu istenilenleri placeholder dışına alabilirsiniz.
hocam yapamadım dil paketını uzaktan yardım etmenız mumkunmu acaba
maalesef, şekilde yardımcı olamıyorum.
Tam Aradığım Eklenti Demodaki Dil Çevirici Fakat Dosyalar İnmiyor Neden ?
kontrol sağladım, indiriliyor.
Sanırım Sağ Tık Engelinden Dolayı Ben indiremedim mail olarak gönderebilirmisiniz bana ?
Merhaba, tarayıcı diline göre otomatik çevirmesini nasıl yapabiliriz.
bunun hakkında araştırma yapmak gerekir, sizinle paylaştığım kodlarda bu özellik bulunmuyor.
Merhaba, iki sorum olacak ilki,icon çıkıyor olmasına rağmen üzerine tıkladğımda sitede dil değişimi gerçekleşmiyor. Bir deiğeri de çeviriyi google translateden çektiği için site uzun sürede açılıyor bunun önüne geçebildiniz mi?
merhabalar kodları indirmede bscv adlı siteye yönlendiriyor fakat indiremiyorum yardımcı olabilirmisiniz
oradan gelir elde ediyorum geçerseniz açabilirsiniz.
merhabalar kodları indiremiyorum yardımcı olailirmisiniz ?
Site masraflarını çıkarmak için reklam yapıyordur. Açılan reklam sayfasında devam et derseniz yeni sayfa açılacaktır. Bunu kapatın, ilk açılan sayfa indirme tarafına döner bir kaç saniye sonra.
Merhaba, kodlar düzgün bir şekilde çalışıyor ancak çeviri yapmasını istemediğim bazı öğeler var bunların çevrilmemesini nasıl sağlayabilirim acaba bu konuda bi fikriniz var mı ? translate=”no” şeklinde bir kullanım buldum araştırmalarım sonucu ancak istediğimi elde edemedim. Bunu istememin nedeni özel isimlerin çevrilmesini engellemek veya Op.Dr. şeklindeki kısaltmalarda Op. kısaltmasını Öp olarak ele alıp kiss olarak çeviri yapıyor. Bu hatanın önüne nasıl geçebiliriz konusunda fikirleriniz varsa çok mutlu olurum. Şimdiden teşekkür eder iyi çalışmalar dilerim.
span class=”notranslate”> Çevirilmesi İstenmeyen
Merhaba dediğiniz şekilde kodları ekledim. iconlar çıkıyor header da fakat çeviri yapmıyor. Hiç birsey olmuyor. Yardımcı olabilir misiniz? Site budur: https://turkishqualityproduct.com/
İncelemek lazım. Normalde sorunsuz olarak bir çok kişi kullanıyor. İsterseniz ücretli olarak websanati.com adresinden benimle iletişime geçerseniz yardımcı olabilirim.
Merhaba
Kodu siteme ekledim çalıştırdım çok güzel çalışıyor. Tek hoşuma gitmeyen olay herhangi bir dile çeviri yapınca sitenin en üstünde Google çeviri barı çıkıyor. https://websanati.com da böyle bir durum yok. Nasıl engellediniz paylaşır mısınız. Emeğiniz için teşekkürler iyi çalışmalar.
CSS kod kısmını koymamış veya yanlış yere koymuş olabilirsiniz. CSS kodunu koyarsanız bar gizlenecektir.
İşimi gördü teşşekkür ederiz kardeşim
rica ederim.
Çevrilmesini istediğimiz kısma ne yapabilir. Mesela sayfanın tittle kısmının çevrilmesini istemiyorsak ?
yukarıdaki yorumlarda mevcut, okursanız bulabilirsiniz.
https://www.ucuztakipci.me/ sitemde kullandım eline koluna sağlık dostum.
rica ederim, güle güle kullanın amm css eklememişsiniz, eklerseniz yukarıda çıkan bar görünmez 😉
diyelimki bunları koyduk ana içeriklerimizde türkçe. istesekki desekki mesela sayfaya ilk giriş yapıldığınde google ingilizce çeviri aktifleşsin kullanıcı türkçe görmek yerine ilk girdiğinde ingilizce çeviriyi görsün. Mümkünmüdür?
Site yazılımı tek dil üzerine kurulu olduğu için ben google translate ekledim . Üstteki bar hala görünüyor. css de ekledim fakat nerde yanlış yaptığımı bulamadım. site http://www.ftonishop.com. Kısaca tüm tuşlara bastım 🙂
Google otomatik çeviri eklentisine güncelleme gelmiştir. CSS kodlarının altına
.skiptranslate { display:none; }eklemeniz gerekir.