GoogleTranslateAPIテスト

nyawach

License: MIT License

Fork
0
Fav
0
View
183
  • Play

Fullscreen

Smart Phone

  • Readme
  • ES6 10 lines
  • HTML 11 lines
  • CSS 23 lines
## TranslateAPIの翻訳セレクトボックスについて

JSで挿入した値でも、`display:none;`/`visibility:hidden`であっても
選択時にDOMに入っているものは自動的に翻訳してくれる模様
ちなみにtitleも変わる。

翻訳を選択している間に追加された要素は、

1. 元の言語で挿入される
2. その後、非同期で翻訳が実行される

### その他

翻訳されたテキストが `font>font` でwrapされる


### GA対応

`gaTrack: true`と`gaId: 'UA-XXXXXX'`を入れる

`new google.translate.TranslateElement({pageLanguage: 'ja', gaTrack: true, gaId: 'UA-12345678-1'}, 'google_translate_element');`

### 翻訳させない場合

.notranslateをつければその要素内は翻訳されない

https://cloud.google.com/translate/faq#technical_questions
  • GoogleTranslateAPIテスト
  • jQuery v2.1.0
  • GoogleTranslateAPIテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags