How to add Google translate to website or blog
Published by Aslam
Google translator is best service ever to translate between languages with ease.
Nowadays, many websites and blogs are make use of this feature. it will help user to read website contents in their language. Google does give an option to show a banner for users for those who are not using our website's default language as their system language.
thus Google translator makes it easy for users to read and understand everything in their language.
To add Google translator service to your website or blog, follow steps below. its so simple as anything.
Go to
http://translate.google.com/manager/website/add
You will see a text field titled with Website URL. with a subtitle of What is the URL of your website.
Enter your website URL here. if you are having a sub domain and not a domain, like a blogspot.com domain,
type the address here.
Next, is Website Language
It will ask for what is the original language of your website.
so if you have a website with its contents in English language, select default language as English.
And if you have a website with contents in other language, just select that language.
Click Next.
Now you will be in plugin settings Tab.
you will see a field titled as translation languages.
select All languages, if you want to enable translation to all languages.
or if you want to enable translation to only some languages, you can select "Specific languages" option and select languages.
Select display mode.
Three options are there
- Vertical
- Horizontal
- Drop down only
When you select this option , sample of the widget displays on right side.
Under advanced title option
"Automatically display translation banner to users speaking languages other than the language of your page. "
Check this option if you want to. i recommend to check this.
If you have contents in multiple languages, then check next option "Your page contains contents in multiple languages"
If you want to, you can use Google analytic to track translation usage.
Click "next" button. you will be agreeing to Google's terms and conditions.
You are almost done, but you have to add the code to your blog or website to get it to work.
Add the first code meta code to section
It will look like this.
<meta content='e3ca32bb0a4tgtrr09d-5b78317696fryr863-g5bc9rye-15' name='google-translate-customization'/>Now add the next code(Widget code), wherever you want to display the translation option
It will look same as this.
<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>
If you are blogger, using blogspot.com sub domain, you can use add add widget option in Layout Section
After completing the above steps, test run your website and check whether it works or not.
iif you are having problems, feel free to ask in comments.
Great post and i like it very much. The information are really very nice and thank you for sharing this with us.
ReplyDeleteWebsite Translation Services
Great post and i like it very much. The information are really very nice and thank you for sharing this with us.
ReplyDeleteWebsite Translation Services