Googleウェブサイト翻訳ツールを１ページに複数設置したい

Question

レスポンシブのサイトにGoogleウェブサイト翻訳ツールをwebページに埋め込んでいるのですが、PC用、スマホ用、モーダル内など、１ページに複数箇所設置しなければなりません。
公式の手順（https://translate.google.com/manager/website/?hl=ja）に沿って、同じコードを２箇所にコードを記述したのですが、最初の設置箇所にプルダウンが２つ出て、２つ目以降の設置箇所にはウェブサイト翻訳ツールが表示されませんでした。
埋め込むページは普通のコーポレートサイトページです。
Googleウェブサイト翻訳ツールを同ページ内に複数埋め込むことはできないのでしょうか。

どうぞよろしくお願いします。

Comments

[CHERRY]

文章では分かりにくいので、「現在のWeb ページ」と「希望するWeb ページ」のイメージを「画像」や再現できる「ソースコード」で追加していただけないでしょうか？

Answer 1

Googleウェブサイト翻訳ツールを同ページ内に複数埋め込むことはできないのでしょうか。

どうやらそのようです。

公式の手順（https://translate.google.com/manager/website/?hl=ja）

で得られるコードは、固定のID（ :0.targetLanguage など）を持つdivを生成し、その下に諸々の要素群を追加していくもののようです。
なので、

最初の設置箇所にプルダウンが２つ出て、

という状態になるのでしょう。

公式の手順で得られるコードを使うのであれば、「翻訳ツールは同一ページに一つ」の前提でページをデザインするしかなさそうです。

ちょっと試してみたけどうまくいかなかったサンプル

Comments

[tokugawaieyasu]

複数設置をあきらめました。ありがとうございました。

Answer 2

これは質問者さんの作り方が分からないと答えようが無いと思うので、どんな風に作成しているのか簡略版だけでもコードを上げて下さいね。

ウェブサイト翻訳ツールってのも何を利用しているのですか？
「公式の手順」って言うのがあるのでしたら自作では無いのですよね？
そのURLも示すべきです。

何をするためのサイトですか？

文章だけでは何の為に翻訳がしたくて、それをどう作ってるのかは伝わりませんよ。

Comments

[tokugawaieyasu]

すみません追記しました。