topic Re: Vibe code into Google sites help? in Gemini Space

Vibe code into Google sites help?

Randi — Tue, 30 Jun 2026 12:28:39 GMT

Hi,

Ive been using vibe coding in canvas to create custom apps for my elementary students. I’ve had Gemini produce the raw code for me to copy and paste into codeAI app lab. Does anyone know how to do this in Google Sites? I’m not sure we will have access to codeAI next year and my students can’t open anything that contains Gemini in the web address. Thanks!

Re: Vibe code into Google sites help?

nicholek — Tue, 30 Jun 2026 19:22:07 GMT

Hey there Randi,

We do this frequently in our district using Google Sites! You'll want to make sure when you create the game in Gemini that you include in your prompt at the end of it this line so that it's formatted properly for a Google Site: Create a single-file HTML, CSS, and JavaScript code block for Google Sites. From here, once your code is generated, you'll copy it and head over to your Google Site, and here's what I like to do to make it a nice full page embed that looks good for the students to use the activity/game/etc.:

Click on the "Pages" tab and hover over the "Plus" icon in the bottom right corner. Then, select the "Full page embed" option. It'll prompt you to name your page, then click done. From here, select the "Add embed" option and this is where you'll select the "Embed code" option and paste your code from the Gemini Canvas creation into this box, and click next, and then click insert on the next screen.

This will give your students a fully interactive version of the game/activity/experience you designed using Gemini Canvas on the Google Site. Just don't forget your publishing options to ensure they can access the Google Site.

Re: Vibe code into Google sites help?

HeatherS — Wed, 01 Jul 2026 21:43:23 GMT

We useCatapult CMS for our websites district wie. I created a Google Site to house this and then linked that site to the webpage. https://ehms.egusd.net/Programs/Athletics/Middle-School-GPA-Calculation/index.html

Heather Shannon

Computer Technology Teacher

Edward Harris Jr. Middle School

Elk Grove Unified School District

Re: Vibe code into Google sites help?

Randi — Thu, 02 Jul 2026 01:52:10 GMT

Thank you so much! I will give this a shot!

Re: Vibe code into Google sites help?

Randi — Thu, 02 Jul 2026 01:52:42 GMT

Thank you! This is good info to have!

Rif.: Vibe code into Google sites help?

Breccia — Tue, 07 Jul 2026 18:15:09 GMT

Try doing it this way: go to your site's page, select 'Embed', and then choose 'Embed code'.