Custom Mad Libs
Coded with a chatbot and published on Google Sites
Get a chatbot to generate embed code for a Mad Lib about a topic and for an audience of your choosing!
Below is sample embed code you can use with ChatGPT, Google Bard, Claude, or Bing Chat. Test and publish the embed code in Google Sites. You will likely need to revise your prompt so that it works properly.
Generate text that is approximately 200 words about animal adaptations for second graders. You will use this text to make HTML embed code for an interactive Mad Lib. Do not display this text until after the user has submitted their words.
The Mad Lib will replace 6 key words with user input. The keywords should be nouns, plural nouns, verbs, or adjectives. Make an input form where each input field is labeled with the matching descriptor (noun, plural noun, verb, adjective). Each input field should be on its own line. Make sure the label for the form matches the part of speech it is replacing. Next to each input field, list 2 examples of that part of speech to help the user think of their own. The examples should not be related to animal adaptations.
The user inputs their responses for the 6 key words. After submitting, show the text with the key words replaced with what the user input on the same page.
Display a See Original Text button that, when clicked, then shows the text as originally written with the original key words that were replaced highlighted.
All displayed text should be in a large Verdana font. Make sure the Submit and See Original Text buttons are large, colorful, and have ample margin around them.
Copy and Embed HTML Code
Copy the code genereated by the chabot. On a Google Site, insert an Embed element. Make sure to click the Embed Code tab. Pasted the code from chatbot.
After inserting the embed code, click the Preview button in Google Sites. Try out the Mad Lib. It isn't working the way you want, go I back to the chatbot and prompt it to make changes. Then copy the new code and embed it on the Google Site.
After your Mad Lib is acceptable, click Publish in Google Sites. Copy the published URL and share it with students.
The header image was generated by Adobe Firefly using a prompt from Tony Vincent.