[JS]あなたのウェブページを52の言語に自動翻訳するボタンを簡単に設置できる -Translate This Button

Post on:2010年7月1日

HTML

<textarea name="code" class="html" cols="60" rows="5">
<!-- Begin TranslateThis Button -->

<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End TranslateThis Button -->
</textarea>

<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

TranslateThis();

</script>

</textarea>

ボタンの画像や文言は設置するページの言語に合わせて自由に変更でき、ドロップダウン内に表示される言語を選択することも可能です。
自動翻訳はクッキーに対応しており、ページを移動した際にも自動で翻訳されます。また、ページ内の指定した箇所の自動翻訳を防ぐことも可能です。

「Translate This Button」の翻訳機能はGoogle翻訳のAPIを利用しています。
Googleウェブサイト翻訳ツールとの違いはドロップダウンがカスタマイズできる点と、translate.google.comにリダイレクトしないためサイトのトラッキングデータを維持することが可能です。