Steegle.One Intranet for Google Workspace
On the Insert panel use the Embed option
Choose the EMBED CODE tab
Type or paste the custom HTML, JavaScript and CSS into the code box
Use the NEXT button to preview how your code will look
Use the INSERT button to add the code to the page
If you do not see the preview you expect use the Edit code button (looks like a pencil) that overlays the preview and edit the code to correct the issue
Embedded code does not get indexed in the site search
Sites displays the embedded code in an iframe so if the code tries to get the URL of the page it will get the iframe URL, not the site's page URL.
The embed code feature is on a 15 day rollout for Google Workspace domains on rapid release and if you're on scheduled release the 15 day rollout will start on 02 January 2018.
Important note: this feature is far better than HTML Box in classic Google Sites as it is less restrictive and you can reference external JavaScript and CSS files, so you can embed things like Twitter Timelines and use custom fonts.
Steegle has developed all kinds of custom code for new Google Sites: many of our clients enjoy using the Google Drive Gadget to provide an embedded and searchable My Drive folder or Team Drive in their Google Site. If you need something like this contact Steegle, the Google Sites Experts.
Please let us know if this article helped or if you know of of any improvements.
Join the Sites Update Group on the Google Sites Classic Comparison to get email notifications about New Google Sites updates.
Subscribe to our newsletter for emails about all things Steegle.com