WIKI:
HOTLINE:
- (83-) 31311
Büros / Office Rooms
- Einsteinstraße 62, Raum 105
- Fliednerstraße 21, Raum 21b
- Horstmarer Landweg 62, Raum U2
Benutzer-Werkzeuge
Seitenleiste
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.
drop-down Menü
- 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
Seiten-Werkzeuge
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Noncommercial-Share Alike 4.0 International
