Wie kann ich Google Translate mithilfe von Markup korrekt auf meiner Website implementieren?

Hinzufügen von Google Translate zu einer Website

Frage:

Ich habe zwei Codeausschnitte zum Hinzufügen von Google Translate gefunden auf eine Website, aber keines scheint ganz richtig zu funktionieren. Der erste funktioniert nur auf einer Live-Site und ermöglicht kein CSS-Styling, während der zweite auf einer Live-Site überhaupt nicht funktioniert. Wie kann ich Google Translate mit dem zweiten Markup implementieren, das eine Auswahl an Sprachen enthält?

Antwort:

Hier ist das Markup, das sowohl auf lokalen als auch auf Live-Sites funktionieren sollte :

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

Dieses Markup enthält sowohl die erforderlichen Elemente als auch das Initialisierungsskript, um die Google Translate-Funktionalität zu aktivieren. Es sollte sowohl auf lokalen als auch auf Live-Sites funktionieren und es Ihnen ermöglichen, das Übersetzungs-Widget mithilfe von CSS auszurichten und zu gestalten.

Das obige ist der detaillierte Inhalt vonWie kann ich Google Translate mithilfe von Markup korrekt auf meiner Website implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!