اضافة اداة الترجمة لموقعك Add google translator to website

اضافة اداة الترجمة لموقعك Add google translator to website

المستوي الثالث مبرمج متوسط


كيفية اضافة سكربت مكون من اكثر من 75 لغة عالمية لترجمة موقعك ابتداء من الانجليزية وحتي جميع لغات العالم English,French,Italy,Spanish…

submit to reddit

اضافة اداة الترجمة لموقعك Add google translator to website

لمحة سريعة

 

 الترجمة نوعين

1-      ترجمة يدوية بمعني انك تترجم برمجيا ذلك من خلال اضافة الصفحات بلغات عديدة او اضافة الترجمة في الداتابيز وطبعا هذا مرهق نوعا ما ..ولكنه يكون يدويا ونسبة الخطأ فيها قليلة جدا لانك تترجم كل شئ يدويا

2-      ترجمة فورية مثل ترجمة جوجل هذه وهي جاهزة سكربت بسيط يحتوي علي اكثر من 67 لغة عالمية مثل ترجمة للعربية-الهندية-الانجليزية-الالمانية...جميع لغات العالم بسكربت بسيط جدا .

            و هذه الطريقة للترجمة قد تكون بها نسبة اخطاء عن الطريقة الاولي .

 

طبعا شرحنا الطريقة الاولي في محاضرة موقع متعدد اللغات

الان سنشرح الطريقة الثانية وهي ابسط بكثير جدا مجرد سكربت كود ضعه في اي مكان في الصفحة

وسوف يتظهر الترجمة فورا .

 اضافة ترجمة جوجل لموقعك

مميزات هذه الطريقة

1-      اضافة اي عدد من اللغات للعالم كله بدون اي برمجة .

2-      سهولة التصفح

3-      التصفح يكون داخل نفس موقعك  ولا ينقلك لموقع اخر للترجمة .

 

كيف تضيف السكربت

 

1-      افتح اي صفحة واختر اي مكان داخل الصفحة في وضع السورس او الهتمل

واذا كنت حتي في مدونة لك فافتح وضع الهتمل Html/Javascript

 

 اولا هذه شكل الصفحة قبل أي شئ في وضع السورس او الهتمل ولابد ان تضع الكود داخل وسم

ال Form

وهو وسم جسم الصفحة نفسه الذي يكون داخله الكلام ..ويكون داخل وسم البودي Body

 

وهذا الشكل قبل اضافة اي شئ

 

اضافة ترجمة جوجل لموقعك

 

ثم ضع هذا الكود في اي مكان تريده بالصفحة وهو المكان الذي سيظهر فيه زر الترجمة

 

 

 <div id="google_translate_element"></div><script type="text/javascript">

function googleTranslateElementInit() {

  new google.translate.TranslateElement({pageLanguage: 'ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');

}

</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

     

  الان سيظهر الشكل كالاتي بعد تشغيل الصفحة

 

اضافة ترجمة جوجل لموقعك

 

اضغط علي زر اختر لغة وسوف يظهر الشاشة الكاملة لجميع اللغات الاتية

 

 

 

اضافة ترجمة جوجل لموقعك

 

الان استخدم هذا السكربت في اي مكان تريده وسوف تظهر هذه الترجمة لموقعك