Google翻訳をHTMLに簡単導入

初めての技術系投稿となりますね。

いまやWeb頁を作って公開している人も多いと思います。

今はGlobalな時代ですから、何処からお客さんが来るかわかりません。

そこで各言語の頁も作っておきたいですよね。

といっても、英語ならともかく、他の言語は厳しいですよねぇ。

そこで活躍してくれるのがGoogle先生のGoogle翻訳。

これが簡単に導入できちゃうのですわ。

JavaScriptで動作します。

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ja',
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

これを頁の目立つ所に張り付けるだけ。簡単でしょ?

しかもToolBarみたいに出てくれるからVisualも結構良いと思う。

実は他にも種類があるのですが、これが一番実用的だと思ったのでこれを掲載しました。

他のも気になる人はどんどんGoogleのService何かを調べてみると面白いと思います。