Forum - Das neue Template Xobor (v6) » Google-Translator ins Forum einbauen

Forum → XOBOR-Foren und Homepages → Das neue Template Xobor (v6) → Google-Translator ins Forum einbauen

Hier sehen Sie Beitr�ge zu den einzelnen Themen

Seite 1 von 3 � Seite 1 2 3 Seite �

Themen-Einstellungen Thema

Thema abonnieren

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Google-Translator ins Forum einbauen datum

08.11.2009 16:53 (zuletzt bearbeitet: 23.01.2019 16:07)

Wolfgang

Administrator

Informationen anzeigen

Foren in verschiedenen Sprachen übersetzen - Teil 1
Aktualisiert 22.08.17

Mit Hilfe des "Google-Translator " besteht die Möglichkeit Foren in ca. 90 verschiedenen Sprachen zu übersetzen.
Der "Google Übersetzer" kann aus dem Forum oder einer beliebigen Webseite heraus, den Text übersetzen.
Alle nachfolgend aufgerufenen Webseiten werden ebenfalls in der gewählten Sprache übersetzt!
Es ist auch möglich, bestimmte Webseite mit <span class="notranslate"> ... </span> nicht übersetzen zu lassen (z.B. Scripte).

Im ersten Teil geht es um den Aufruf einer Zielsprache über eine Verlinkung.
Es ist dadurch möglich eine Webseiten nach Aufruf gleich automatisch zu übersetzen!

Hier kommt die alles erklärende FAQ-Seite zum Google-Übersetzer:
Google Translate-Hilfe!

Die Google Übersetzer-Webseite:
Komplettes Dokument übersetzen!

Wie wird der Google-Translator eingebaut?

Zuvor muss das Java Script des Google-Translators in die Webseite eingefügt werden.
Siehe hier: Website-Übersetzer

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

Der Google-Translator wird dann über einen Link aufgerufen und kann an eine beliebige Stelle der Webseite eingebaut werden.

Für die Auslösung kann auch ein Bild eingesetzt werden.

Man setzt #googtrans(de|Zielsprachcode) an das Ende der zu übersetzenden Website-URL.

Beispiel:  
https://www.hilfe-tricks-tipps.de#googtrans(de|en)

  • Der Zielsprachencode besteht aus 2 Buchstaben, en=englisch, fr=französisch, es=spanisch, u.s.w. ....
  • Der Quellsprachencode besteht ebenfalls aus 2 Buchstaben und ist in dem Beispiel de=deutsch.
  • Wichtig dabei ist, dass die Seite zum Übersetzen neu gestartet wird.

Hier einige Abkürzungen zu den verschiedensten Sprachen:

  • de = Deutsch
  • en = Englisch
  • fr = Französich
  • it = Italienisch
  • nl = Niederländisch
  • ja = Japanisch
  • es = Spanisch
  • tr = Türkisch
  • ? = siehe Teil 2

Verlinkung Google-Übersetzer:

  • Hat man mehrere Übersetzerlinks auf einer Webseite, ist es notwendig bei Änderung der Sprache die Seite neu zu starten!
  • Die folgenden Links beinhalten dieses Kriterium und werden über eine Flaggen-Grafik ausgelößt.
  • Das folgende Skript kann auch, ohne das Template zu verändern, in die gesetzt werden!
  • Neu! Zusätzlich ist im ersten Script ein Linksicherheit für ältere Browser eingesetzt worden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!--Google Translator -->
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
<style type="text/css">
.trans_img {width:40px;margin:10px 5px 10px 5px;cursor:pointer;border:0;}
</style>
 
<center>
<a href="#googtrans(de|en)" target="_blank" rel="noopener noreferrer" title="Translation - German / English"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n6_GQsukEiS.gif" alt="Google Translator"></a>
<a href="#googtrans(de|fr)" target="_blank" rel="noopener noreferrer" title="Traduction - Allemand / Français"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n7_vPftTYhH.gif" alt="Google Translator"></a>
<a href="#googtrans(de|it)" target="_blank" rel="noopener noreferrer" title="Traduzione - Tedesco / Italiano"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n8_QFvtnjLJ.gif" alt="Google Translator"></a>
<a href="#googtrans(de|nl)" target="_blank" rel="noopener noreferrer" title="Vertaling - Duits / Nederlands"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n10_NzreWGFE.gif" alt="Google Translator"></a>
<a href="#googtrans(de|es)" target="_blank" rel="noopener noreferrer" title="Traducción - Alemán / Español"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n11_rSxfleoE.gif" alt="Google Translator"></a>
<a href="#googtrans(de|tr)" target="_blank" rel="noopener noreferrer" title="Tercüme - Almanca / Türkçe"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n12_iFjLgJCx.gif" alt="Google Translator"></a>
<a href="#googtrans(de|ja)" target="_blank" rel="noopener noreferrer" title="&#32763;&#35379; - &#12489;&#12452;&#12484;&#35486; / &#26085;&#26412;&#35486;"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n9_UewWlXyr.gif" alt="Google Translator"></a>
</center>
 

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schlie�en

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!--Google Translator -->
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
<style type="text/css">
.trans_img {width:40px;margin:10px 5px 10px 5px;cursor:pointer;border:0;}
</style>
 
<center>
<a href="#googtrans(de|en)" title="Translation - German / English" onclick="location.reload();"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n6_GQsukEiS.gif" alt="Google Translator"></a>
<a href="#googtrans(de|fr)" title="Traduction - Allemand / Français" onclick="location.reload();"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n7_vPftTYhH.gif" alt="Google Translator"></a>
<a href="#googtrans(de|it)" title="Traduzione - Tedesco / Italiano" onclick="location.reload();"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n8_QFvtnjLJ.gif" alt="Google Translator"></a>
<a href="#googtrans(de|nl)" title="Vertaling - Duits / Nederlands" onclick="location.reload();"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n10_NzreWGFE.gif" alt="Google Translator"></a>
<a href="#googtrans(de|es)" title="Traducción - Alemán / Español" onclick="location.reload();"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n11_rSxfleoE.gif" alt="Google Translator"></a>
<a href="#googtrans(de|tr)" title="Tercüme - Almanca / Türkçe" onclick="location.reload();"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n12_iFjLgJCx.gif" alt="Google Translator"></a>
<a href="#googtrans(de|ja)" title="&#32763;&#35379; - &#12489;&#12452;&#12484;&#35486; / &#26085;&#26412;&#35486;" onclick="location.reload();"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n9_UewWlXyr.gif" alt="Google Translator"></a>
</center>
 

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schlie�en

PS: Der Google-Übersetzer per Link-Aufruf (wehende Fahnen) ist bereit oben im Forum eingebaut und kann beliebig getestet werden.

Bis dann und viel Spaß
Wolfgang

Antworten

Like!

Hans58 findet das Top!

Thema abonnieren Forum �bersicht Letzte Beitr�ge

Antworten

#2 | Google-Translator im Auswahlmenü datum

26.11.2009 22:28 (zuletzt bearbeitet: 23.01.2019 16:02)

Wolfgang

Administrator

Informationen anzeigen

Foren in verschiedenen Sprachen übersetzen - Teil 2
Aktualisiert am 05.04.20

Aufruf über ein Auswahlmenü:
Mit Hilfe des "Google-Translator " besteht die Möglichkeit Foren mittlerweile in ca. 90 verschiedenen Sprachen zu übersetzen.
Die Auswahl der Sprachen erfolgt hier in Teil 2 über ein Auswahlmenü.
Der "Google Übersetzer" kann aus dem Forum oder einer beliebigen Webseite heraus, den Text übersetzen.
Alle nachfolgend aufgerufenen Webseiten werden ebenfalls in der gewählten Sprache übersetzt!
Auch hier ist möglich, bestimmte Bereiche der Webseite mit <span class="notranslate"> ... </span> nicht übersetzen zu lassen (z.B. Scripte + Links).

Wie wird der Google-Translator eingebaut?
Unter dem folgenden Link "Jetzt zur Ihrer Webseite hinzufügen" gibt es eine Anweisung wie der Google-Übersetzer eingebaut wird.

Link aufrufen
Bei Google anmelden oder registrieren, wenn noch nicht geschehen.
Webseite des Forums eintragen.
Sprache des Forums angeben
Sprachen der Übersetzung angeben
Anzeigemodus/Design auswählen
Unter "Erweitert" evtl. noch einige Auswahlkriterien treffen.
Ist der erste Haken nicht gesetzt, sollte der Google Übersetzer gleich werden.
"Code abrufen" anklicken

• Der so angezeigt Code kann an einer beliebigen Stelle im Forum eingebaut werden.
• Der Code kann auch, ohne das Template zu verändern, in die oder besser als Plugin in den "" gesetzt werden!

1
2
3
 
<div id="google_translate_element"></div>
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

1
2
3
 
<div id="google_translate_element"></div>
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', includedLanguages: 'cs,da,de,el,en,es,fr,it,ja,kn,nl,pl,pt,ru,sv,tr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Im Script werden mit Hilfe von Abkürzungen die Sprachen unterschieden.


  • de = Deutsch
  • en = Englisch
  • fr = Französich
  • it = Italienisch
  • nl = Niederländisch
  • ja = Japanisch
  • es = Spanisch
  • tr = Türkisch
  • .. = .........

Unter "pageLanguage" ist die Quell-Sprache, hier "Deutsch", zu finden.
Unter "includedLanguages" werden die Zielsprachen eingetragen.
Werden alle Zielsprachen und damit "includedLanguages" entfernt, werden alle möglichen Sprachen wieder zur Auswahl gestellt.

Wichtige Links:
Website-Übersetzer - Website hinzufügen
Google Translate-Hilfe!

PS: Das Auswahlmenü des "Google Übersetzer" ist bereits im Forum unter der Menüleiste zufinden und kann in allen möglichen Sprachen getestet werden!

Info: Xobor Plugins erstellen, versenden und bearbeiten!

Bis dann und viel Spaß
Wolfgang

Antworten

Like!

Thema abonnieren Forum �bersicht Letzte Beitr�ge

Antworten

#3 | Google Übersetzer: No Translate für die Iconbar - Teil 3 datum

23.08.2015 20:41 (zuletzt bearbeitet: 23.01.2019 15:57)

Google Übersetzer: No Translate für die Iconbar - Teil 3

Der Google Übersetzer wird immer besser.
Viele Fehler in der Darstellung von übersetzten Webseiten wurden behoben und ich denke, dass die Übersetzung auch an Qualität zugenommen hat!
Leider werden Scripte, zwar nicht immer, in die Übersetzung mit einbezogen.
Dieses verusacht natürlich Fehler!
Um das Problem zu umgehen, kann man die Scripte und Codes, wie schon gesagt mit <span class="notranslate"> ... </span> umschließen.

No Translate für die Iconbar:
Wenn der HTML-Code oft gebraucht wird ist es sinnvoll ihn in der Iconbar zu platzieren!

Forencode umsetzen:
Der Forencode wird unter "Admin > Layout > Iconbar > Iconbar bearbeiten > Reiter 'Foren-Code' " eingetragen.
Es ist darauf zu achten, dass der erweiterte Foren-Code eingeblendet ist.
Eintragung erfolgt in "Ersetze: ... ..." und "Mit: ... ..."

Ersetze: [NoTranslate] ...  [/NoTranslate]  Mit:   <span class="notranslate"> ... </span>

Der Forencode sieht dann so aus:

[NoTranslate] Dieser Text wird nicht übersetzt! [/NoTranslate]

Schlie�en

  • Unter "Admin > Layout > Iconbar > Iconbar bearbeiten > Reiter 'HTML' " den folgenden Code einsetzen.
  • Unter "Name" eine Bezeichnung eintragen.
  • Fertig!

Jetzt braucht nur noch das Script oder der Code markiert zu werden und mit einem Klick auf die "No Translate-Grafik" wird die Übersetzung in den Forum-Beiträgen verhindert !

Schlie�en

Wolfgang

Antworten

Like!

DJ-Frechdax findet das Top!

Thema abonnieren Forum �bersicht Letzte Beitr�ge

Antworten

#4 | Google Übersetzer: No Translate für Code-Listen - Teil 4 datum

26.12.2015 00:00 (zuletzt bearbeitet: 23.01.2019 15:58)

Google Übersetzer: No Translate für Code-Listen - Teil 4

Leider erkennt der Google-Translator keine Code-Listen, die mit [code][/code] umschlossen sind und übersetzt sie.
In der Englischen Übersetzung wird allerdings noch alles richtig angezeigt!

Da Code-Listen in den meisten Fällen mit [code][/code] umschlossen werden,
ist es empfehlenswert den Forum-Code mit [NoTranslate][/NoTranslate] zu erweitern!

Der Forencode sieht dann so aus:

[NoTranslate][code] <body onLoad="StartTicker()">.... [/code][/NoTranslate]

  • Unter "Admin > Layout > Iconbar > Iconbar bearbeiten > Reiter 'HTML' " den folgenden Code einsetzen.
  • Unter "Name" eine Bezeichnung eintragen.
  • Fertig!

Jetzt braucht nur noch das Script oder der Code markiert zu werden und mit einem Klick auf die "No Translate-Grafik" wird die Übersetzung in den Forum-Beiträgen verhindert !

Schlie�en

Wolfgang

Antworten

Like!

Thema abonnieren Forum �bersicht Letzte Beitr�ge

Antworten

#5 | Fehlersuche: Google-Translator datum

03.04.2016 15:46 (zuletzt bearbeitet: 23.01.2019 16:02)

Wolfgang

Administrator

Informationen anzeigen

Fehlersuche: Google-Translator

Ich finde den "Google-Translater" eine echte Bereicherung für eine Webseite und er wird auch immer besser und übersichtlicher.
Mir gefällt er, trotz seiner Macken!
Die "Google Translate-Hilfe" ist schon recht gut, aber auch lang. Daher kann es vorkommen, dass er trotz alledem nicht funktionieren will!

Hier die wichtigsten Punkte:

Ist das "JavaScript" zum Google-Translator installiert?
Ist "JavaScript" aktiviert
Wird die Sprache über ein Linkanhang, wie #googletrans(de|fr) gewechselt, muss die Seite neu gestartet werden (Taste F5)!
Auch ist darauf zu achten, dass bestimmte Sonderzeichen, auch Länder bezogen, in Unicodes umgewandelt werden müssen!
Steht soweit alles im Beitrag #1!
Auch der komplette Einbau des Google-Translator, wie ich ihn hier im Forum nutze!

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

Schlie�en

Hier noch nützliche Links:

  • HTML/Zeichenreferenz : Referenz:HTML/Zeichenreferenz
  • Animierte Flaggen: Animierte Flaggen im Gif Paradies
  • Animierte Flaggen: Animierte Flaggen auf Flags.de
  • Flaggen für jedes Bundesland: Flaggen auf Onlinestreet.de

Wolfgang

Antworten

Like!