Wie kann ich Google Translate mit einem Dropdown-Menü und CSS-Stil in meine Website integrieren?

Google Translate in eine Website integrieren

Die Frage dreht sich um die Einbindung von Google Translate in eine Website mithilfe verschiedener bereitgestellter Codeschnipsel. Das erste Code-Snippet bietet eine grundlegende Implementierung, es fehlt jedoch die Möglichkeit, es mithilfe von CSS zu formatieren, und es fehlt ein Dropdown-Menü zur Sprachauswahl. Andererseits enthält das zweite Code-Snippet das Dropdown-Menü, funktioniert jedoch nicht, wenn es auf einer Live-Site eingefügt wird.

Die Lösung liegt in der Kombination beider Code-Snippets in einer funktionalen Implementierung. Hier ist das korrigierte Markup, das die notwendigen Elemente umfasst:

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

Dieser Code enthält sowohl die Grundfunktionalität des ersten Snippets als auch das Dropdown-Menü-Markup aus dem zweiten Snippet. Damit können Sie Google Translate in Ihre Website einbinden und deren Erscheinungsbild mithilfe von CSS anpassen.

Das obige ist der detaillierte Inhalt vonWie kann ich Google Translate mit einem Dropdown-Menü und CSS-Stil in meine Website integrieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!