マークアップを使用して Web サイトに Google 翻訳を正しく実装するにはどうすればよいですか?

Web サイトに Google 翻訳を追加する

質問:

Google 翻訳を追加するための 2 つのコード スニペットを見つけましたウェブサイトにアクセスしましたが、どちらも完全に正しく機能していないようです。 1 つ目はライブ サイトでのみ機能し、CSS スタイルを許可しません。2 つ目はライブ サイトではまったく機能しません。言語の選択を含む 2 番目のマークアップを使用して Google 翻訳を実装するにはどうすればよいですか?

答え:

ローカル サイトとライブ サイトの両方で機能するマークアップは次のとおりです。 :

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

このマークアップには、Google 翻訳機能を有効にするために必要な要素と初期化スクリプトの両方が含まれています。これはローカル サイトとライブ サイトの両方で機能し、CSS を使用して翻訳ウィジェットをターゲットにしてスタイル設定できるようになります。

以上がマークアップを使用して Web サイトに Google 翻訳を正しく実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。