Benutzer-Werkzeuge

Webseiten-Werkzeuge


Seitenleiste

WIKI:

HOTLINE:

Büros / Office Rooms

  • Einsteinstraße 62, Raum 105
  • Fliednerstraße 21, Raum 21b
  • Horstmarer Landweg 62, Raum U2

IVV5

public:google-uebersetzer_integrieren

tags: translator translate google_translate

Integration des Google-Übersetzers in eine Homepage

Mit folgenden Codeschnipseln kann man den Google-Übersetzer in jede Website einbinden. Eine Vorlage mit drop-down-Menü finden Sie ganz unten im Artikel.

translator1.html
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'de', includedLanguages: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Das sieht dann so aus:

Vertikal

translator2.html
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'de', includedLanguages: 'en', multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Das sieht dann so aus:



Automatisch

translator3.html
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'de', 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>

Das Übersetzungsbanner wird automatisch eingeblendet, wenn die Standard-Browsersprache des Besuchers von der deiner Seite abweicht. Es wird kein Drop-down-Menü angezeigt.

folgendes entfernen, um alle Sprachen anzeigen zu lassen
 includedLanguages: 'en' 
translator4.html
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


Nur bestimmte Sprachen anzeigen lassen

Für z.B. Englisch, Spanisch, Französisch, Hindi und Italienisch:

 includedLanguages: 'en,es,fr,hi,it'


VORLAGE: Zum Einfügen in die eigene Homepage

<html><div id="google_translate_element"></div><script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'de', includedLanguages: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element'); } </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></html>

public/google-uebersetzer_integrieren.txt · Zuletzt geändert: 2017/08/03 11:05 von bowej