Google Web Translate – Site Dil Çevirici
Yabancı ziyaretçiler sitenizi kendi lisanlarında gezmesi için aradığınız şey Google Web Translate.
Sitenizdeki içeriği yeni sayfa açmadan, iframe içine almadan dinamik olarak farklı dillerde gezilebilir hale getirmek için alttaki çalışmayı yapabilirsiniz.
Bu makaleyi 2022 yılında kodları güncelleyerek yeniden yazıyorum. Hayat değişiyor, 2014 ten bugüne bizde de bir şeyler değişti tabi 🙂 Kodları daha sade, anlaması daha basit hale getirdim. En azından öyle düşünüyorum.
Şimdi görünüm nasıl olsun, hangi şekilde neler yapabiliriz vs konularına girmeden önce ana scriptimi yazayım.
Paylaştığım kodlarda değişiklik yaparsanız bazı yerlerde kullandığım ters apostrof (Backtick) işaretine dikkat ediniz.
google-web-translate adında bir klasör, klasörün içinde de google-web-translate.js adında bir dosya açıyorum. Bu dosyaya aşağıdaki kodları ekleyip kayıt ediyorum.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
/** * ibrahimay.net İbrahim AY ibrahimay.com * Google Web Translate V1 * Faydalı olmasını dilerim * Sitemizden bahsetmeyi unutmayın :) */ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{})) function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'auto', autoDisplay: false}, 'google_translate_element2');} document.write('<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>'); document.write(` <style type='text/css'> .goog-te-banner-frame {display:none !important;} /*google gizle*/ .skiptranslate {display:none !important;} /*google gizle --> bu satır google değişikliğini farkettiğim 13.10.2023'te eklenmiştir*/ #google_translate_element2 {display:none!important;} /*google gizle*/ body {top:0 !important;} /*sayfa kaymasın*/ </style> <div id="google_translate_element2"></div> <!-- Gel babana -->`); /** * ibrahimay.net İbrahim AY ibrahimay.com * Google Web Translate V1 * Faydalı olmasını dilerim * Sitemizden bahsetmeyi unutmayın :) */ |
Bu dosya ile google a ait translate hizmetini siteme ekledim ve siteyi iframe içinde göstermemesi için gerekli gizlemeleri display none ile gerçekleştirdim. 8. satır da pageLanguage: ‘auto’ yazdım, dilerseniz site dilinizi (muhtemelen tr) yazabilirsiniz. Bu kodla aşağıda da karşılacağız. Fark nedir kısaca söyleyeyim, tercihi siz yapın.
- Örneğin sitemde 3 kelime yazıyor direkkod multikod ultramultikod
Bu kod tr iken kelimelerde değişiklik olmuyor, site genel dili Türkçe olduğu için değişikliğe gitmiyor, Türkçeme karışmıyor. Ama auto yapınca site dilini otomatik algılıyor, diyor ki bu site olsa olsa Türkçedir. İbrahim hoca Türkçe yi katletmiş az da olsa düzelteyim diyerek direkkod yerine doğrudan kod , multikod yerine çoklu kod yazıyor. ultramultikod nedir google da çözemiyor, o öylece kalıyor. 🙂 - Siteniz Türkçe ise tavsiyem sitenizi orjinal göstersin diye auto yerine tr yazmanız yönünde. “Sen bilirsin artık!”
Alttaki kodu eklediğim sayfada henüz herhangi bir değişiklik görmeyeceğim ancak sitem translate için hazır olmuş olacak.
|
1 |
<script src="//ibrahimay.net/google-web-translate/google-web-translate.js"></script> |
Script adresinde http veya www kullanmak yerine sadece // kullanıyorum ki https veya http ayrımından etkilenmeyeyim. Kendi sitemde bir şey olmaz ama birden fazla sitesi olan kendi betiğini kullanırken problem yaşamasın. Sağ olsun üyemiz kenanak (yorumlarda görürsünüz) daha önce yaşanan sorunu böyle çözmüştü bende gerekli değişikliği betik içinde yapmıştım. Normal ekleme işlemleri içinde aynı şekilde devam ediyorum.
Bu google-web-translate.js dosyasını siteme ekledikten sonra (tavsiyem en alta, sayfa sonuna) en basit haliyle şöyle kullanabilirim. Basit olsun diye yazı ile gösterdim. İsterseniz linkleri bayrak resimleri yaparsınız, düz menünüze onclick ekleyebiliyorsanız menünüze koyabilirsiniz, vs vs. Tıklayın bakalım çalışıyor mu?
|
1 2 3 4 |
<a href="#" onclick="doGTranslate('auto|tr');return false;">TR</a> <a href="#" onclick="doGTranslate('auto|en');return false;">EN</a> <a href="#" onclick="doGTranslate('auto|ru');return false;">РУССКИЙ</a> <a href="#" onclick="doGTranslate('auto|zh-CN');return false;">中国人</a> |
Yorumcumuz kötü (kullanıcı adı bu, yanlış anlaşılmasın) siteyi otomatik nasıl çeviririz diye sormuştu, bende dili tetikleyerek olabilir demiştim. İşte o tetik bu tetik doGtranslate. Yapmadım ama yapılır bence demiştim, kendimce bir şeyler yaptım, çalıştı, güzel oldu 🙂
|
1 2 3 |
let language = navigator.language; function yabanci(){doGTranslate('auto|en');return false;} if(language!="tr-TR"){setTimeout(yabanci, 2000);} |
Bu javascript kodu ile tarayıcı dilini aldım, tr-TR değilse 2 saniye sonra siteyi İngilizceye otomatik çevirecek şekilde ayarladım. Bu beni kesmedi aşağıdaki şekilde yeniden düzenledim. 🙂
|
1 2 3 4 5 |
var dilbak = window.navigator.browserLanguage || window.navigator.language || navigator.language || "tr"; var dilal = dilbak.substring(0,2).toLowerCase(); document.getElementById('trnbilgi').innerHTML +=`Diliniz:`+dilal.toUpperCase()+``; function yabanci(dilal){doGTranslate('auto|`+dilal+`');return false;} if(dilal!="tr"){setTimeout(yabanci, 2000);} |
Ziyaretçinin dilini ve sonrasında ilk iki harfini aldım. tr değilse her ne ise o dile otomatik çevirecek hale getirdim. Mesela (ben yaptım, siz yaparsanız çok dikkat, zor düzelttim :), tarayıcı dilini Arapça yaptım, çerezleri sildim, siteye girince siteyi otomatik Arapçaya çevirdi, çok hoşuma gitti, neler yapıyorum öyle 🙂 3. satırda yakına bir yere koyduğum idsi trnbilgi olan dive kullanıcı dilinide yazdırdım. (Not: şuan localde çalışıyorum, proxy ile deneyin, siteyi güncelleyince yani siz bu yazıyı okuyabildiğinizde unutmazsam denerim, tarayıcı diliyle boşa uğraşmış olmayalım, rahat durmayacak, illa deneyeceksin, çince, rusça, moldovaca, sen istiyor translate, verecek 100$. Şaka şaka, bende beleş)
Bu sevinçle devam edelim. Şimdi görünümü daha cancanlı yapma işlemleri için lazım olan resim dosyalarını ayarlayayım. google-web-translate klasörü içine lang_img adlı yeni bir klasör açıp aşağıdaki resimleri de içine ekliyorum. 3 resim bayrak boyutları, boş (blank) olanda style kodları için kullandığım resimlerdir. google-web-translate-background açılır divde arka plan olarak kullanıyorum, resmi değiştirebilirsiniz veya style kodlarından ayarlayabilirsiniz.
16.png
24.png
32.png
blank.png
google-web-translate-background.png
Resimlerimi de hallettikten sonra uygulamayı işler hale getireyim. İlk olarak direk çeviri yapmak istediğimde kullanacağım kod ile başlayayım. Çalışan görünüm şu şekilde, tıklarsanız çalışması lazım:
Aşağıdaki kodu google-web-translate.js dosyasındaki kodların altına eklememde sıkıntı yoktur ama ben google-web-translate.js dosyasına hiç dokunmadan işlem yapmak istediğimden yeni bir direkkod.js dosyası oluşturup aşağıdaki kodları içine ekliyorum.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
resimklasoru='//ibrahimay.net/google-web-translate/lang_img/'; ebat=24; //16 , 24 , 32 document.write(`<style type='text/css'> a.flag { text-decoration:none; font-size:`+ebat+`px; padding:1px 0; background-repeat:no-repeat; background-image:url('`+resimklasoru+``+ebat+`.png'); } a.flag img {border:0; height:`+ebat+`px; width:`+ebat+`px;}</style>`); var diller = [ ["tr|tr" , "Türkçe" , "-100px -500px;"], ["tr|en" , "İngilizce" , "-0px -0px;"], ["tr|ru" , "Rusça" , "-500px -200px;"], ["tr|zh-CN" , "Çince" , "-300px -0px;"], ["tr|es" , "İspanyolca" , "-600px -200px;"], ["tr|ar" , "Arabic" , "-100px -0px;"], ]; for (let i = 0; i < diller.length; i++) { document.write(`<a href="#" onclick="doGTranslate('`+diller[i][0]+`');return false;" title="`+diller[i][1]+`" class="flag nturl" style="background-position:`+diller[i][2]+`"><img src="`+resimklasoru+`blank.png" alt="`+diller[i][1]+`" /></a>`); //Bonus style,denersin :) document.write(`<a style="background: #f20553; width: 55px; height: 35px; border-radius: 50%; float: left; color: #ffffff; font-size: 10px; font-weight: 900; text-align: center; font-family: 'Open sans', sans-serif; text-decoration:none; padding-top:20px;" href="#" onclick="doGTranslate('`+diller[i][0]+`');return false;" title="`+diller[i][1]+`"> `+diller[i][1]+` </a>`); } |
Dosyayı da aşağıdaki kodla sitemde göstermek istediğimiz yere ekleyince çalışıyor, çalışması lazım, çalışmalı.
|
1 |
<script src="/google-web-translate/direkkod.js"></script> |
Burada ziyaretçinin siteyi hangi dillerde çevirmesini istiyorsam o dillere ait gereken bayrakları ekledim. Bu kodlar diller altında listelenmiştir. İlk değişken dilin kodu , sonrasında adı ve son olarak da bayrağın resimdeki pozisyon bilgisinden oluşuyor. 1. satıra resimleri koyduğum klasör yolunu yazıyorum. Tam url yazmanızı tavsiye ederim. Şöyle:
|
1 |
resimklasoru='//ibrahimay.net/google-web-translate/lang_img/'; |
2. satırda ise kullanacağım bayrak boyutunu seçiyorum. 16,24 veya 32. Demoda gördükleriniz 24 tür, küçültmek için 16 büyütmek için 32 yazabilirsiniz. Bu sayılar sabit, px vs gibi boyutlama değil. background-position kullandığımız için ve resimlerimiz de ona göre olduğundan rastgele değerler eklemiyorum yani.👍
Diller arasından istediğimi silebilir veya farklı bir dil ekleyebilirim, değiştirebilirim. Diğer dilleri eklemek için az sonra paylaşacağım listeden kopyalayıp ekleyebilirsiniz. O paylaşacağım listede dil kodları auto olarak geçiyor. Ne demek bu? Örneğin İngilizce için dil koduna ben tr|en yazmışım. Buradaki ilk kısım yani tr benim sitemin dili. Yani çeviri yaparken türkçeden ingilizceye çevirecek. Aşağıda vereceğim listede dil kodları hep auto ile başlamakta. Yani google site dilinizi otomatik belirleyip çevirecek demektir ki değiştirmeye gerek yok. Örnek olsun neye yaradığını göstermek için yukarıda auto yerine tr kullandım.
Diğer bir gösterim ise daha fazla dile çeviri yapılabilmesi için kullanacağım uygulamadır. Görünüm şöyle:
Yukarıda bir kerede anlatmak için hem yazı hem resim ekledim. İstemediğiniz kısmı kolayca silebilirsiniz.
Bu kodları da yine daha önce hatırlattığım gibi google-web-translate.js kodlarının altına ekleyebilirsiniz. Tabi daha önceki verdiğim kodu eklemedi iseniz, yoksa çarşı karışır. Ben ayrı dosya tercih ediyorum ve multikod.js adlı bir dosya açıp aşağıdaki kodları ekliyorum.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
resimklasoru='/ibrahimay.net/google-web-translate/lang_img/'; ebat=24; //16 , 24 , 32 var diller = [ ["auto|tr" , "Turkish" , "-100px -500px;"], ["auto|af" , "Afrikaans" , "-300px -500px;"], ["auto|sq" , "Albanian" , "-300px -400px;"], ["auto|ar" , "Arabic" , "-100px -0px;"], ["auto|hy" , "Armenian" , "-400px -600px;"], ["auto|az" , "Azerbaijani" , "-500px -600px;"], ["auto|eu" , "Basque" , "-600px -600px;"], ["auto|be" , "Belarusian" , "-0px -600px;"], ["auto|bg" , "Bulgarian" , "-200px -0px;"], ["auto|ca" , "Catalan" , "-0px -300px;"], ["auto|zh-CN" , "Chinese (Simplified)" , "-300px -0px;"], ["auto|zh-TW" , "Chinese (Traditional)" , "-400px -0px;"], ["auto|hr" , "Croatian" , "-500px -0px;"], ["auto|cs" , "Czech" , "-600px -0px;"], ["auto|da" , "Danish" , "-700px -0px;"], ["auto|nl" , "Dutch" , "-0px -100px;"], ["auto|en" , "English" , "-0px -0px;"], ["auto|et" , "Estonian" , "-400px -400px;"], ["auto|tl" , "Filipino" , "-100px -300px;"], ["auto|fi" , "Finnish" , "-100px -100px;"], ["auto|fr" , "French" , "-200px -100px;"], ["auto|gl" , "Galician" , "-500px -400px;"], ["auto|ka" , "Georgian" , "-700px -600px;"], ["auto|de" , "German" , "-300px -100px;"], ["auto|el" , "Greek" , "-400px -100px;"], ["auto|ht" , "Haitian Creole" , "-0px -700px;"], ["auto|iw" , "Hebrew" , "-200px -300px;"], ["auto|hi" , "Hindi" , "-500px -100px;"], ["auto|hu" , "Hungarian" , "-600px -400px;"], ["auto|is" , "Icelandic" , "-100px -600px;"], ["auto|id" , "Indonesian" , "-300px -300px;"], ["auto|ga" , "Irish" , "-600px -500px;"], ["auto|it" , "Italian" , "-600px -100px;"], ["auto|ja" , "Japanese" , "-700px -100px;"], ["auto|ko" , "Korean" , "-0px -200px;"], ["auto|lv" , "Latvian" , "-400px -300px;"], ["auto|lt" , "Lithuanian" , "-500px -300px;"], ["auto|mk" , "Macedonian" , "-200px -600px;"], ["auto|ms" , "Malay" , "-400px -500px;"], ["auto|mt" , "Maltese" , "-700px -400px;"], ["auto|no" , "Norwegian" , "-100px -200px;"], ["auto|fa" , "Persian" , "-200px -500px;"], ["auto|pl" , "Polish" , "-200px -200px;"], ["auto|pt" , "Portuguese" , "-300px -200px;"], ["auto|ro" , "Romanian" , "-400px -200px;"], ["auto|ru" , "Russian" , "-500px -200px;"], ["auto|sr" , "Serbian" , "-600px -300px;"], ["auto|sk" , "Slovak" , "-700px -300px;"], ["auto|sl" , "Slovenian" , "-0px -400px;"], ["auto|es" , "Spanish" , "-600px -200px;"], ["auto|sw" , "Swahili" , "-500px -500px;"], ["auto|sv" , "Swedish" , "-700px -200px;"], ["auto|th" , "Thai" , "-0px -500px;"], ["auto|uk" , "Ukrainian" , "-100px -400px;"], ["auto|ur" , "Urdu" , "-100px -700px;"], ["auto|vi" , "Vietnamese" , "-200px -400px;"], ["auto|cy" , "Welsh" , "-700px -500px;"], ["auto|yi" , "Yiddish" , "-300px -600px;"] ]; document.write(` <style> .gtrans3{width:200px;} .gtrans4{display:none; width:50%; left:0;right:0; border:1px solid gray; position:absolute; background:#EEEEEE;background-image:url(`+resimklasoru+`google-web-translate-background.png);padding:5px;z-index:1000} .gtrans3:hover .gtrans4 {display:block;} .gtrans4 img{padding:0px; border:0;opacity:0.1;filter:alpha(opacity=10);} a.flag:hover {background-image:url('`+resimklasoru+``+ebat+`.png'); filter: blur(1px);} a.flag { text-decoration:none; font-size:`+ebat+`px; padding:1px 0; background-repeat:no-repeat; background-image:url('`+resimklasoru+``+ebat+`.png'); } a.flag img {border:0; height:`+ebat+`px; width:`+ebat+`px;} </style> <div class="gtrans3" id="gtrans3"><a href="#" class="flag" onclick="doGTranslate('auto|tr');return false;" style="background-position: -100px -500px;"><img src="`+resimklasoru+`blank.png"/></a>Change Language <div class="gtrans4"> `); for (let i = 0; i < diller.length; i++) { document.write(`<a href="#" onclick="doGTranslate('`+diller[i][0]+`');return false;" title="`+diller[i][1]+`" class="flag nturl" style="background-position:`+diller[i][2]+`"><img src="`+resimklasoru+`blank.png" alt="`+diller[i][1]+`" /></a>`); } document.write(`</div></div>`); |
Siteme ekliyorum:
|
1 |
<script src="//ibrahimay.net/google-web-translate/multikod.js"></script> |
Görüldüğü gibi diller altında tüm diller var. Ekleme çıkarma yapabileceğim gibi önceki kodlamada istediğim dilin bilgilerini bunların arasından kopyalayabilirim. Javascriptte diller arrayını çok satır olmasın diye yan yana yaptım. İlk örnekteki gibi alt alta yapabilirsiniz.
Sadece Language veya Dil değiş gibi tek metin olsun istersem 16. satırdaki <img src=“+resimklasoru+blank.png”/> kısmını silip metni de kendime göre yazarım.
Metin değil tek bayrak ile göstermek istersem yine 16. satırda Change Language yazısını silmem yeter.
Bayrağı değiştirmek istersem yine 16. satırda bayrağın style kodunda pozisyonu değiştiririm. Örneğin Türkçe için background-position: -100px -500px iken emperyalist İngiliz bayrağı göstermek istersem pozisyonu -0px -0px; yaparım. Diğer bayraklardan eklemek isteyen içinde gereken bilgiler diller arrayında var zaten.
Hem öyle olsun hem böyle olsun, hem ayranım dökülmesin, hem dersem şöyle de yapabilirim:
Bunun için bayrakları gtrans5 divinin önüne alıyorum, yazı aşağı inmesin diye bayrakları sola yaslıyorum, resim büyüklüğüne göre yazı fontuna formül yazıyorum, gibi gibi. Şöyle :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
document.write(` <style> .gtrans5{width:200px;} .gtrans6{display:none; width:50%; left:0;right:0; border:1px solid gray; position:absolute; background:#EEEEEE;background-image:url(`+resimklasoru+`google-web-translate-background.png);padding:5px;z-index:1000} .gtrans5:hover .gtrans6 {display:block;} .gtrans6 img{padding:0px; border:0;opacity:0.1;filter:alpha(opacity=10);} a.flag:hover {background-image:url('`+resimklasoru+``+ebat+`.png'); filter: blur(1px);} a.flag {text-decoration:none; font-size:`+ebat+`px; padding:1px 0; background-repeat:no-repeat; background-image:url('`+resimklasoru+``+ebat+`.png'); } a.flag img {border:0; height:`+ebat+`px; width:`+ebat+`px;} a.sola {float:left;} </style> <a href="#" onclick="doGTranslate('auto|tr');return false;" class="flag sola" style="background-position: -100px -500px;"><img src="`+resimklasoru+`blank.png"/></a> <a href="#" onclick="doGTranslate('auto|en');return false;" class="flag sola" style="background-position: -0px -0px;"><img src="`+resimklasoru+`blank.png"/></a> <a href="#" onclick="doGTranslate('auto|ru');return false;" class="flag sola" style="background-position: -500px -200px;"><img src="`+resimklasoru+`blank.png"/></a> <div class="gtrans5" id="gtrans5"><font size=`+ebat*0.2+`px;>Other</font><div class="gtrans6"> `); for (let i = 0; i < diller.length; i++) { document.write(`<a href="#" onclick="doGTranslate('`+diller[i][0]+`');return false;" title="`+diller[i][1]+`" class="flag nturl" style="background-position:`+diller[i][2]+`"><img src="`+resimklasoru+`blank.png" alt="`+diller[i][1]+`" /></a>`); } document.write(`</div></div>`); |
Kodun önünde önceki gibi resimklasoru, ebat ve diller arrayı var.
style kodlarını değiştirerek farklı farklı uygulamalar yapabilir, ekmeğinize bakabilirsiniz. Genelde problem scripti eklediğiniz kısımdaki style kodlarından kaynaklanmaktadır ama bu kodları işleyecek bilgi, bilgi olmasa da merak ve araştırma hırsınız varsa illa çözersiniz.
Değişik örnekler için demolar sayfama bakabilirsiniz.Hazır dosyaları indirmek isterseniz :
Dosyalar üyelere özeldir: Giriş Yap
Yeni misin? Kayıt ol
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.
Dil Seçiniz
Turkish
English
French
German
Russian
Chinese
Ana sayfada değişiklik yapıyor ancak alt sayfalara girdiğimde hiç bir işlem yapmıyor.
Site aybusporkulubu ise dosyaları editlemişsiniz. Problem nedir bilemem.
Not: Bir ihtimal; betik ve bayrakların alt sayfalarda da görünür ve ekli olduğundan emin olun.
gayet güzel çalıştı.
Peki bunu tarayıcı diline göre otomatik ceviri nasıl yapbiliriz.
Örnegin siteye giren ziyaretçinin tarayıcı dili ingilizce ise otomatik ingilizce dilinde görüntülensin site.
Kullanıcının dilini alıp betikte varsayılan dil yaparak veya o dili tetikleyerek olabilir zannımca. Uğraşmanız lazım.
orjinali göster nasıl yapabiliriz ? Orjinali göstermiyor.
Sitenin anadil bayrağına tıklayınca orijinale dönmeli.
Merhabalar;
Ziyaretçinin diline göre otomatik sayfayı kendi diline çevirsin komutunu nereye ekleyeceğiz?
Dosyanın içerisinde bu kod var mı?
—————————————————————————
var dilbak = window.navigator.browserLanguage || window.navigator.language || navigator.language || “tr”;
var dilal = dilbak.substring(0,2).toLowerCase();
document.getElementById(‘trnbilgi’).innerHTML +=
Diliniz:+dilal.toUpperCase()+;function yabanci(dilal){doGTranslate(‘auto|
+dilal+‘);return false;}if(dilal!=”tr”){setTimeout(yabanci, 2000);}
—————————————————————————
Dosyada yok. Kullanacağınız script dosyasının sonuna ekleyebilirsiniz.
Merhaba üstte gözüken google tolbar ı nasıl kaldırıcaz acaba
Toolbar çıkmaması lazım, uygulamada atladığınız bir yer vardır. Yanlış anımsamıyorsam google-web-translate.js içindeki style kodları toolbarı gizliyordu.
https://prnt.sc/DGD_dVXKYOf8
dediğiniz gibi kodu kullandım yapmuh.com