Wie integrieren Sie Google Translate für mehrsprachige Inhalte in Ihre Website?

Integration von Google Translate in Ihre Website

Google Translate bietet eine praktische Möglichkeit, mehrere Sprachoptionen für den Inhalt Ihrer Website bereitzustellen. Zwei Code-Snippets, die auf Google Translate und im HTML-5-Tutorial zu finden sind, erfüllen diesen Zweck mit geringfügigen Abweichungen.

Das erste Snippet installiert das Übersetzungs-Widget ohne Sprachauswahloptionen, während das zweite ein anpassbares Auswahlfeld enthält, um dies zu ermöglichen Benutzer können ihre bevorzugte Sprache auswählen. Das zweite Snippet erfordert jedoch einige Anpassungen, damit es sowohl auf lokalen als auch auf Live-Sites funktioniert.

Um Google Translate mit dem zweiten Snippet zu implementieren, befolgen Sie diese Schritte:

1. Fügen Sie das folgende Markup ein HTML Ihrer Website:

<code class="html"><div id="google_translate_element"></div>
<script>
  function googleTranslateElementInit() {
    new google.translate.TranslateElement(
      { pageLanguage: 'en' },
      'google_translate_element'
    );
  }
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>

2. Passen Sie die Option „pageLanguage“ an die Standardsprache des Inhalts Ihrer Website an.
3. Gestalten Sie das Übersetzungs-Widget wie gewünscht mit CSS.

Mit diesen Änderungen sollte das Google Translate-Widget von HTML-5-Tutorial sowohl lokal als auch auf einer Live-Website funktionieren und Ihren Benutzern nahtlose Sprachauswahl- und Übersetzungsoptionen bieten.

Das obige ist der detaillierte Inhalt vonWie integrieren Sie Google Translate für mehrsprachige Inhalte in Ihre Website?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!