For colleagues who have vibe-coded your educational interactive activities and now wish to embed them on your Google Sites, here is a step-by-step guide on how to do so.
This method is suitable for single blocks of HTML, CSS, and JavaScript, such as simple animations or widgets.
- Open your Google Site in the editor.
- Go to the page where you want to add the activity.
- Click on the Insert tab on the right-hand panel.
- Select the Embed option.
- Choose the Embed Code tab. (You can also choose to embed a web link instead.)
- Copy your HTML5 code into the text box. Be sure to include the necessary
<html>,<style>, and<script>tags as needed within the embed block. Code in one embed box cannot interact with code outside of it. - Click Next to preview the content, and then Insert to add it to your page.
- Resize and reposition the embedded activity as needed on the page.
- Click Publish at the top right to make your changes live.
We can embed EdTechSims activities via web links on our Google Sites too!
Please feel free to share how this goes for you!