How to make Weglot translate StoryMaps embedded in Squarespace?

KatarinaMalmgren

Hi! 
We have a large number of stories that we embed as iFrames on our website www.visitgamlastan.se which is built in Squarespace. We have added a third party language translation tool, Weglot, to Squarespace. 
However, the embedded content do not get translated. 

We have received from Weglot Support the following information: 

=========

=> If you have control over the iframe
You will be able to integrate Weglot directly into the iframe and then link the iframe to your current website in order to be able to translate the iframe.
You'll be able to do so, by following the process as mentioned in the documentation below:
> https://developers.weglot.com/javascript/translate-iframe
The code should be added into the header of the two domains.

=========

So my question is: how do I add code into the header of Storymaps? 

Appreciate your help! 

Warm regards, Katarina

oevans_storymaps

@KatarinaMalmgren - A web page has no way to change content inside an iframe that is coming from a different domain due to standard web security protocols. I believe what they are suggesting is to integrate their tool separately for any content that you plan to embed in your site.

This may be possible using the new advanced embedding feature if you either: 1) embed the StoryMap directly your page using a <script> tag rather than an <iframe>, or 2) host a separate web page where you embed the StoryMap via a <script> tag and add the translation tool code and then embed that new page in your current page via iframe. I would recommend trying option 1 first.

You can learn more about advanced embedding by visiting the links below: Introducing Story Embeds via Script! and storymaps-developer-samples/storymaps-script-embed-samples at main · Esri/storymaps-developer-samples