Rendering translated webpage in Angular

[Haitao Cai]

Hi All,

We are using Google Translate to translate Amazon Detail pages (e.g. https://www-amazon-com.translate.goog/dp/B07NLNRWBV?_x_tr_sl=de&_x_tr_tl=zh-CN&_x_tr_hl=en-US&_x_tr_pto=wapp). Ideally, we would like to embed the translated webpage (rather than the mere URL) into our annotation tool built using Angular. Apparently, the translated webpage forbids being embedded as an iframe element. Therefore, we are wondering whether it feasible to achieve this embedding.

[Eduardo Ortiz Caraveo]

I found this angular documentation that might seem helpful for your case. It explains how you can prepare a component for translation.

[Haitao Cai]

This seems to require ownership of the original webpage. However, we are wondering whether we can embed the Google-translated page into our Angular application without obtaining ownership of the original webpage.

[Eduardo Ortiz Caraveo]

I see, i found this tutorial and hope it helps

[Haitao Cai]

Is it possible to embed a side-by-side view of the Google-translated webpage, rather than just a URL or a button into Angular application?

[Eduardo Ortiz Caraveo]

I couldn't find information if you can achieve this in other way, my suggestion is that you post in in stackoverflow or another site where more people could give you support.