webサイト制作の勉強|2023年11月クラス用ブログ

ファリカテクニカルアカデミーのwebサイト制作科の授業解説ブログです。フェリカテクニカルアカデミーは池袋にある求職者支援訓練の学校です。

google翻訳を使ってサイトを多言語化する

Google翻訳を使って日本語のサイトをマルチリンガル化します。
自身のサイトのURLにパラメータを付けて翻訳ページを作成出来ます。


satori.marketing


日本語と英語と中国語にマルチリンガル化したサイト

felica29.starfree.jp




自身のサイトのURLをパラメーターにつける

https://translate.google.com/translate?sl=ja&tl=zh-CN&u=自身のサイトのURL

sl=のあとにサイトで使用している言語コード
tl=のあとに翻訳したい言語コード
uのあとに翻訳したいサイトのURL

各言語のコード

cloud.google.com


複数言語の場合はボタンのURLにリダイレクトをかける

<script>
//#lang-jaのURLを日本語ページに変更
document.getElementById('lang-ja').href = '日本語ページのURL';

// #lang-enのURLを英語ページに変更
document.getElementById('lang-en').href = '英語ページのURL';

// #lang-zhのURLを中国語ページに変更
document.getElementById('lang-zh').href = '中国語ページのURL';
</script>