[JS]翻訳で心が折れたら使うGoogle自動翻訳機能とは

とあるCMSで海外向けのサイトを今作成しているのですが、国内向けのものなので英訳する必要が。

商品ページ周りなどはなんとか翻訳していけばいいのですが、問題はカート周りの自動生成ページ。

CSSでの置換などを検討したものの、classがない箇所などもあったりでどうにもならない・・・

で、これを使ってみた。

ウェブサイト用ウェブサイト翻訳ツール

これを使えばメニューバーの操作で自動翻訳が実現します。

が、アクセスした瞬間に切り替わるわけではないらしい。

というわけでヘルプを見てみると・・・

サイトの翻訳バージョンへのリンク
ユーザーを促すことなくウェブサイト翻訳に対応したページを自動翻訳するリンクを作成するには、パラメータ #googtrans(en|TARGET_LANG_CODE) を使用します。たとえば、リンク https://translate.google.com/support/#googtrans(en|fr) はページ https://translate.google.com/support/ を自動的にフランス語に翻訳します。
ウェブサイト用ウェブサイト翻訳ツール プラグイン

つまりURLに「#googtrans(en|TARGET_LANG_CODE) 」を追加すればOKとのこと。

動的にURLが出力されているページが含まれていたので、jQueryで一括追加させました。

[html]
jQuery(function(){
jQuery("a").each(function() {
var obj = jQuery(this);
var link = obj.attr("href");
obj.attr("href",link+"#googtrans(ja|en)")
});
});
[/html]

これで（精度はともかく）英語にコンテンツを切り替えることに成功。

今回は日本語→英語の翻訳でしたので「#googtrans(ja|en)」としていますが、

「ja」を原文の言語に、「en」を翻訳したい言語に変更することで自由に自動翻訳が使用できます。

これが翻訳結果。翻訳しきれない所はそのまま出力するため、英語環境だと文字化けすることも。

・・・まぁ所詮はGoogle翻訳ですので、過度な期待は禁物です。