簡単!グーグル翻訳で自社サイトを多言語化

Nov 26, 2016

簡単!グーグル翻訳で自社サイトを多言語化

2016-11-26 最終更新日:2016-11-26
blog web google translate グーグル 翻訳

今回は簡単にサイトを多言語化する方法をご紹介します。 当サイトにも実装しておりますが、5分で出来ます。翻訳ツールにはグーグル翻訳を使います。翻訳精度はご存じだと想いますがたまに変な翻訳しますのでご理解の上ご使用ください。最近はだいぶ翻訳精度も上がっております。当然ですがグーグルアカウントが必要になります。

ビジネス向けツールのグーグル翻訳を使います。下記公式サイトです。 ⇒ウェブサイト翻訳ツール

導入方法

上記のサイトのウェブサイト翻訳ツール(無料)の使ってみるをクリックします。

ウェブサイト翻訳ツール

今すぐウェブサイトに追加をクリックします。ここでグーグルアカウントを聞かれるのでログインします。

ウェブサイト翻訳ツール

ウェブサイトのURLをウェブサイトの言語を日本語します。

ウェブサイト翻訳ツール

翻訳する言語をチェックボックスにチェックを入れて言語指定します。今回は英語と中国語を選択しました。その他あればチェック入れます。

ウェブサイト翻訳ツール

これで完了です。コードが記述されていますのでこれを表示させたい場所に記述します。

<div id="google_translate_element"></div>

こちらのタグは表示させたい場所に記述します。

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ja', includedLanguages: 'en,ja,zh-CN,zh-TW', 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>

jsスクリプトは</body>直前に入れるときれいに表示されます。

参考になれば幸いです。


∞Tadashi Suyama∞

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

Similar Posts

最近の投稿

アイキャッチ
速さ・時間・距離の計算

さて、最近は寒くなってきましたね。日本海側は大雪で大変な状態になっています。 外にも出られずちょっとした運動もしずらいですね。室内運動かジムに行くということになりますね。 そんなことを考えて...

14 Jan 2017

アイキャッチ
複数のチャットサービスをまとめてひとつで管理する方法

GmailやOutlook、Slackやチャットワークなどを使っている方も多いかと思います、このサービスを一元管理するアプリがありました。その名もFranz(フランツ)です。[⇒公式サイト](h...

07 Jan 2017

アイキャッチ
明けましておめでとうございます

明けましておめでとうございます。 本年もよろしくお願いします。 今年の初詣は天候も良く人も多かった気がしますね。 勝田神社の夜中に行って参りました。大晦日深夜の初詣は何十年ぶりのことでしょ...

04 Jan 2017

アイキャッチ
年末年始のお知らせ

今年ももう終わりですね。 当事務所は12/30〜1/3までお休みでございます。 1/4日から営業開始いたします。 よろしくお願いします。 ### 年末年始の営業時間 12/30-1/...

29 Dec 2016

アイキャッチ
いざというときのためのバックアップ

皆さん、こんにちは。クリスマスも終わり、あっという間に年末ですね。 データ整理とバックアップしてますか? 私はやっておりますが、先日不幸なことになりました。NASが故障してさらに中に入っている...

25 Dec 2016

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

フッターイメージ