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

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

  • 2016-11-26  最終更新日:2016-11-26

今回は簡単にサイトを多言語化する方法をご紹介します。 当サイトにも実装しておりますが、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∞

google translate web グーグル 翻訳
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
bootstrap4でのtable-responsiveをレスポンシブにする

最近はCSSフレームワークはBootstrap3からBootstrap4をメインにして作業しております。かなり使いやすいです。ほぼこのフレームワークだけで完結できる仕様になってきました。 さて...

16 Jun 2018

アイキャッチ
CSSでの画像ホバー効果ライブラリのご紹介

今回は純粋なCSS画像ホバー効果ライブラリをご紹介します。画像をマウスオーバーするとテキストが表示されるCSSライブラリになります。実装も簡単でクラス指定をすることで40種類以上の効果を体験でき...

10 Jun 2018

アイキャッチ
ワードプレスで特定のページにnoindex,nofollow

ワードプレスに特定のページにmeta name="robots" content="noindex,nofollow"をつける場合はプラグインを利用するかヘッダーに条件分岐でいれるかだと思います...

03 Jun 2018

アイキャッチ
Vagrantのアンインストール方法-Mac版

さて今回は簡単にご紹介、そもそもそんなにvagrantをアンインストールしないのですがそういう機会があったので覚書で記載しておきます。 Mac版のvagrantってアンインストールってなぜか手...

26 May 2018

アイキャッチ
超絶・超速のnode-sassでsassコンパイルのすすめ

さて今回はsassを取り上げてみます。sassといったらcompassが出てくるほど有名ですが、すでに開発終了してから4年以上たっているわけでしてしかもコンパイラとしての機能しか使っておらず、他...

12 May 2018

著者

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

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

タグクラウド

google translate web グーグル 翻訳
フッターイメージ