The process of adding the basic implementation of Google Translate to any web site is very easy. Simply add the following code to your page where you want the translation drop-down to appear (your header for instance):-
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
That’s it – hey presto you now have a translation option on your site for multiple languages courtesy of Google (as shown below).
About the Author
