Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

Patricia Arquette
Freigeben: 2024-11-01 18:41:02
Original
745 Leute haben es durchsucht

How can I implement Google Translate on my website correctly using markup?

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!