Google Site Dil Çevirici – Web Translate V1
22 Ocak 2014Yabancı ziyaretçiler sitenizi kendi lisanlarında gezmesi için aradığınız şey Google Web Translate.
Sitenizdeki içeriği yeni sayfa açmadan, frame içine almadan dinamik olarak farklı dillerde gezilebilir hale getirmek için alttaki kodlardan yararlanabilirsiniz.
Siteye dil seçeneği ekle.
Güncelleme 02.08.2019 : Bazı arkadaşların sitelerinde ki css yapısından ve kodlamaya benim gibi tam hakim olamadıklarından uygulamayı verimli kullanamamaktalar.
Bu münasebetle uygulamalara “Esnek Kodlama” adı altında daha rahat değiştirilebilir uygulama eklendi. Yardımcı olacağını düşünüyorum.
Tek Bayrak
Ziyaretçi fare ile bayrak üstüne geldiğinde dilediği dil seçimini yapabilir.
<script type="text/javascript" src="http://www.ibrahimay.net/wp-content/scripts/google-web-translate.v1/tekbayrak.js"></script>
Metin
Bayrak yerine metin kullanmak isterseniz metin.js dosyasından faydalanabilirsiniz.
<script type="text/javascript" src="http://www.ibrahimay.net/wp-content/scripts/google-web-translate.v1/metin.js"></script>
Direk çeviri
Bu kodla ziyaretçiye sadece belli dillerde çeviri imkanı vermektesiniz.
<script type="text/javascript" src="http://www.ibrahimay.net/wp-content/scripts/google-web-translate.v1/direk.js"></script>
Esnek Kodlama
Bu kodu daha kolay özelleştirebilmeniz için ekledim.
Önce esnek.js dosyasını sitenize ekliyorsunuz. Bu dosyada bir değiştirme yapmaya gerek yok.
<script type="text/javascript" src="http://www.ibrahimay.net/wp-content/scripts/google-web-translate.v1/esnek.js"></script>
Sonra dil için kullanacağınız metin veya resim linklerine, ilgili dilin onclick taglarını işliyorsunuz. Diğer dillerin onclick değerleri için metin veya tekbayrak script dosyasındaki kodlardan kopya çekebilirsiniz.
English
French
Chinese
German
Turkish
<a href="#" onclick="doGTranslate('auto|en');return false;" title="English">English</a>
<a href="#" onclick="doGTranslate('auto|fr');return false;" title="French">French</a>
<a href="#" onclick="doGTranslate('auto|zh-TW');return false;" title="Chinese">Chinese</a>
<a href="#" onclick="doGTranslate('auto|de');return false;" title="German">German</a>
<a href="#" onclick="doGTranslate('auto|tr');return false;" title="Turkish">Turkish</a>
Scripti kendi sitenize yükleyerek kullanabilmeniz için aşağıda 4 farklı scripte ait dosyaları ve bayrak resimlerini paylaşıyorum.
İçeriğin devamını sadece üyeler görebilir – Giriş Yapın yada Kayıt olun.
Selam Ben Bir Türlü Yapamadım Bunu.Siteye Atıyorum wp-contente Ama olmuyor. Arapça İngilizce Türkçe Almanca ve Fransızca olmasını istiyorum Yardım Ederseniz Çok Sevinirim.
hocam gerekli entegrasyn yapılmasına ragmen ceviri yapılmıyor
Sorunlarınızı belirtirken site adresinizi de belirtirseniz inceleyebilirim.
hocam resimler görünmüyor yazı görünüyor ne yapmam lazım acaba
Genelde sitenin css yapısından kaynaklanıyor. Sitenizi belirtseydiniz bir bakardım.
Hocam videolu bir şekilde anlatımını yaparmısınız. Olmuyor siteye eklenmiyor.
Üzgünüm, video için vaktim yok. Localde çalışmayabilir. Sitenizi ziyaret edip kodlara ve script eklediğiniz yere bakmadan kesin bir şey diyemem.
Eyvallah Hocam elinize sağlık çok mükemmel çalışıyor. Allah a emanet olun.
hocam ellerinize saglık mukemmel bir şekilde çalışıyor
fakat ben resim degil de
TURKÇE
İNGİLİZCE
RUSÇA
alt alta olacak şekilde benim stemin css i ile uyumlu bir şekilde çalışacak bir hale getirmek istedim ama olmadı bunu nasıl yapa bilirim suanda localde deneme yapıyorum js kodlarına ekleme yaptım ama olmadı yani yapamadım
yardım ederseniz sevinirim
Bu sayfada “Esnek Kodlama” adı altında daha rahat değiştirilebilir uygulamayı ekledim. Yardımcı olacağını düşünüyorum.
Harika iş çıkarmışsın , çok fazla işime yaradı. teşekkürler . emeğine sağlık.. +10
Yalnız bir sorun ile karşılaştım.
HTTPS kullandığım sitede çalışmadı maalesef… Kullandığım direk.js içindeki google’dan alınan verinin başı http idi onu https yapmama rağmen kod çalışmadı… ne önerirsiniz ?
Güvenli sitede dosya sizde yüklü olmalı ve eklerken tam url ile ekliyorsanız script type=”text/javascript” src=”http://…
şeklinde çalışmaz.
script type=”text/javascript” src=”https://…
ile olmalı.
Dediğiniz gibide olmadı , bende http kaldırdım “” src=”//translate.google.com/ “” şeklinde çalıştı.. teşekkürler..
kenan tam olarak nasıl yaptın
Değişiklik Script içinden yapılıyor. Kenan’ın yaptığı değişikliği script içinde güncelledim. Artık https çalışması lazım.
Direk çeviriciye almancada eklemeniz mumkunmu
direk.js dosyasını açın.
14. satıra aşağıdaki kodu eklerseniz almancada görünmesi lazım. Not: Yorumda hata oluyor. Aşağıdaki kodda [ yerine < , ] yerine > olarak değiştirirsiniz.
[a href=”#” onclick=”doGTranslate(\’auto|de\’);return false;” title=”German” class=”flag nturl” style=”background-position:-300px -100px;” rel=”nofollow ugc”][img src=”‘+resimklasoru+’blank.png” height=”24″ width=”24″ alt=”German” /][/a]
direk.js dosyasını nasıl açacam hocam kodun içindeki dediğiniz yer nasıl vede neyle acılıyor ora
Ayrıca özel bir yazılım kullanmıyorsanız, not defteri ile js uzantılı dosyaları açabilirsiniz. direk.js indirdiğiniz dosyaların içinde.
http de normal çalışıyor hocam ama https genelde artık siteler benimde öyle bu sayfa ssl olmadıgında çalışmıyor ucretsiz ssl var sayfaya ssl sertifikası alsanız bizde rahatca kullanksak yoksa bu şeklide http de kullanılıyor sadece
Script içinde gerekeni yaptım, Artık https çalışması lazım.