Google cung cấp cho ta công cụ Google Translate để có thể dịch nội dung web site ra nhiều thứ tiếng khác nhau. Bài viết này tôi sẽ minh họa cho bạn cách Add công cụ này vào website để có được website đa ngữ.
Trong trang của bạn để thêm tùy chọn ngôn ngữ cho web bạn add đoạn code nhúng như sau:
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'vi'
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Google Translate còn cung cấp cho bạn nhiều tùy chọn hiển thị như chọn ngôn ngữ mặc định của trang web, Chọn màu, chọn Dropdown danh sách các ngôn ngữ theo
- Vertical
- Horizontal
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.InlineLayout.HOR IZONTAL
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
- Dropdown only
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.InlineLayout.SIM PLE
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>