Google Transliterate not working with https domains

[Tejas Desai]

Google transliteration (ctrl + G) is not working on https domain. It is showing following error in browser console:

Mixed Content: The page at 'https://google-developers.appspot.com/transliterate/v1/customtransliteration' was loaded over HTTPS, but requested an insecure script 'http://www.google.com/inputtools/request?text=aa&ime=transliteration_en_ar&num=5&cp=0&cs=0&ie=utf-8&oe=utf-8&app=jsapi&uv&cb=callbacks._0ie41tj63'. This request has been blocked; the content must be served over HTTPS.

You can check above issue on following link:

https://google-developers.appspot.com/transliterate/v1/customtransliteration

[Nick]

Hi Tejas,

Could you open an incognito window, capture a HAR recording of the problem, and attach it to the thread? This will help to look into the issue further and figure out what's happening.

Best wishes,

Nick

[Rishi Kulshreshtha]

Hi Nick,

Even I'm facing the similar issue. After following the documentation when I accessed my site through HTTP application protocol it worked perfectly as designed, but when I'm accessing the same page through an HTTPS application protocol its giving me an error in console:

transliteration.I.js:281 Mixed Content: The page at 'https://localhost/rishi/articles/9779' was loaded over HTTPS, but requested an insecure script 'http://www.google.com/inputtools/request?text=rishi&ime=transliteration_en_mr&num=5&cp=0&cs=0&ie=utf-8&oe=utf-8&app=jsapi&uv&cb=_callbacks_._1iqne3lzi'. This request has been blocked; the content must be served over HTTPS.

As requested I'm attaching the HAR recording for the same.

[Adam]

The HAR file only shows a GET to http://www.google.com/inputtools/request, which we already know. Since the page is local and not accessible, could you paste how you're loading your scripts via <script> tags?

[Rishi Kulshreshtha]

Hello Adam,

Example is attached in the post itself. If you'll check the https://google-developers.appspot.com/transliterate/v1/customtransliteration and try to type-in your words there, you'll get an error in console stating that "transliteration.I.js:281 Mixed Content: The page at 'https://google-developers.appspot.com/transliterate/v1/customtransliteration' was loaded over HTTPS, but requested an insecure script 'http://www.google.com/inputtools/request?text=rishi&ime=transliteration_en_ar&num=5&cp=0&cs=0&ie=utf-8&oe=utf-8&app=jsapi&uv&cb=_callbacks_._0ir20kqea'. This request has been blocked; the content must be served over HTTPS."

This issue is only because we're trying to access the transliteration from HTTPS protocol.

Any help? :)

[Mayur Rathod]

Hello Rishi,

Have you found any solution for this, as i am getting same error on HTTPS.

[Rishi Kulshreshtha]

Hello Mayur,

Here you go https://github.com/RishiKulshreshtha/transliterate, if its helpful then you can fork or star the repository :)

Regards,

Rishi Kulshreshtha

[jalindar shete]

Hello Rishi,

Can I use this code https://github.com/RishiKulshreshtha/transliterate,  in my client website

Thanks

[Rishi Kulshreshtha]

Yes you can, I would be glad if that will help you.

[Shahidain]

Hi Rishi,

In your script, it is now showing word suggestion. can we have a fix for that too? see attchment

[Neelima Bharti]

Hello Rishi,

This saved my day, thanks a lot :) 

[Jignesh Prajapati]

have you got solution for this error 

transliteration.I.js:281 Mixed Content: The page at 'https://www.matrubharti.com/google/' was loaded over HTTPS, but requested an insecure script 'http://www.google.com/inputtools/request?text=asd&ime=transliteration_en_gu&num=5&cp=0&cs=0&ie=utf-8&oe=utf-8&app=jsapi&uv&cb=_callbacks_._2jmsyb9gy'. This request has been blocked; the content must be served over HTTPS.

I am also face this issue please reply