2013-05-14 120 views
2

怎麼能當我進入它,我會自動翻譯我的網頁。自動翻譯網頁

這是我的翻譯有連接到我的下拉。

<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)

我應該在哪裏實現呢?

回答

2

你需要創建一個名爲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> 

這第二個腳本生成一個不錯的小語言選擇:

<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> 
-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> 
+0

這個代碼在頂部,這是不是不再需要一個唯一的內容ID,我想可能是特定於使用它的網站 – Mousey 2015-08-18 23:12:04

0

兩個腳本可以在<head>節去,他們會工作,如果在<body>標籤,但這個可以看看不整潔,除非你把他們在最後...這不是一個好主意,因爲翻譯的選項應該會整個頁面在瀏覽器中呈現。

您需要在想要顯示語言下拉框的位置添加一行,例如:從現有的<head>標籤的末尾,這是Claudio Kemp指出的<div>標籤是缺少你的代碼 -

<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>以上代碼由[谷歌的網站管理員的翻譯工具()給出的,也有隻影響<div>碼3個不同的顯示選項:標籤,內嵌和自動(這似乎不工作) - 與垂直,水平和下拉顯示每個選項。您的代碼使用選項卡式選項。

你可能想改變你包括翻譯成任何語言,而不僅僅是那些上市,所以用戶看到他們越早顯示在頂部的語言選項而非頁面底部的代碼。

<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'); 
} 
-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> 
-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>    
-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>