2

入力した Web ページを自動的に翻訳するにはどうすればよいですか。

これは、ドロップダウンに接続されている翻訳者です。

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'da', includedLanguages: 'da,de,el,en,es,fi,fr,it,ja,ko,nl,no,pl,ru,sv,uk,zh-CN,zh-TW', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, gaTrack: true, gaId: 'UA-32978177-1'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

デンマーク語 (da) から英語 (en) に自動翻訳してほしい。私はこの機能について読みました：

http://www.blabla.com/#googtrans(da|en)

どこに実装すればよいですか？

4

6 に答える 6

4

次のような最初のスクリプトで言及されている google_translate_element という div を作成する必要があります。

<div id="google_translate_element">
Here is the Area where Google fetches the part to be translated
</div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT, multilanguagePage: true}, 'google_translate_element');
}
</script>

この 2 番目のスクリプトは、素敵な小さな言語選択を生成します。

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

結果の Google 翻訳バー (最初のスクリプト) を非表示にする場合は、次のようにします。

<style>
.goog-te-banner-frame.skiptranslate {
    display: none !important;
} body { top: 0px !important; }
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
</style>
于 2014-06-18T20:40:36.517 に答える
0

両方のスクリプトを<head>セクションに入れることができます。タグ内の場合は機能しますが、最後に配置しないと見栄えが悪くなります...ページ全体がブラウザーでレンダリングされる前に<body>翻訳オプションを使用できるようにする必要があるため、これはお勧めできません。.

言語ドロップダウンボックスを表示したい位置のタグに行を追加する必要があります。たとえば、既存の<head>タグの最後から、これは<div>Claudio Kempが指摘したタグであり、コードに欠落しています-

<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'da', includedLanguages: 'da,de,el,en,es,fi,fr,it,ja,ko,nl,no,pl,ru,sv,uk,zh-CN,zh-TW', 
layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, gaTrack: true, gaId: 'UA-32978177-1'}, 'google_translate_element');
 }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
</head>
<body>
<div id="google_translate_element"></div>
</div>
<h1>My heading</h1>

<div>[google のウェブマスター翻訳ツール] ( https://translate.google.com/manager/website/ ) によって提供された上記のコードには、<div>コードのみに影響する 3 つの異なる表示オプションがあります。 work) - それぞれに垂直、水平、およびドロップダウンの表示オプションがあります。あなたのコードは tabbed オプションを使用しています。

含まれているコードを変更して、リストされている言語だけでなく任意の言語に翻訳し、ページの下部ではなく上部に言語オプションを表示して、ユーザーがすぐに表示できるようにすることができます。

<div id="google_translate_element"></div>
<script type="text/javascript">function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'da', layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT, autoDisplay: false}, 'google_translate_element');
}
于 2015-07-17T09:52:05.030 に答える
-1 
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ur', layout: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT, multilanguagePage: true}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
于 2016-04-17T06:56:12.710 に答える
-1 
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'it'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
于 2017-12-22T10:03:37.740 に答える
-2 
<meta name="google-translate-customization" content="50cedd4c399ba41-3cc63c25c261b71e-g03cc961129fb2947-10"></meta>

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

<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, multilanguagePage: true}, 'google_translate_element');
  }
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
于 2015-01-28T14:55:50.387 に答える
-2 
<div id="google_translate_element"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({
      pageLanguage: 'en',
      layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT},
      'google_translate_element'
    );
  }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
于 2016-08-15T08:18:01.113 に答える