Creating Images in Google Forms
UPDATE: Right around the time of this post – Google released the ability to insert images into forms! However, you still cannot put images as choices in multiple choice categories, so this script will still help.
In the midst of our iPadpalooza Tshirt contest I was faced with a conundrum even Google couldn’t help me with. How do we post images to our forms so that people can vote? I thought about just sending the images separately with names and then having people open a Google Form to choose their choice based on names. That seemed terrible inefficient so I did a little bit of research and came across this guy’s blog: Making Technology Work at School
In the post he’s pretty much detailed how he wrote a script that will work for anyone out there just following his simple steps. I posted my own tips adding to his instructions here if you’d like to follow but want to make sure full credit is given to the original source. A note here – I’ve had some people reply that they are getting a “404 Source” error when using Chrome. You might want to try with a different browser if that’s the case. I used Safari with these instructions and it worked like a charm.
Since my district has some level of restrictions on publicly sharing folders/files, I did have to use a personal gmail account. You’ll be able to tell what restrictions your district has by step number three.
1. Log into your Drive.google.com account
2. Create a folder called “GFWI” (no quotes)- This is the folder that his script will pull images from.
3. Share the folder and make it publicly viewable on the web. If your district restricts this, you’ll have to go to a personal google account or create one. (maybe a “MyISDForms@gmail.com” type of account)
4. Inside that GFWI folder, make another folder called “img” (without quotes). It’ll have the same settings as the parent folder so no need to share that as well since the GFWI folder is already viewable by the public.
5. BEFORE you upload your images – a few tips – Make sure your images are 500 X 500 pixels or smaller. I uploaded some original images and they were WAY too big. I just threw mine into photoshop and resized them. Save them as .jpg and give them some easy file names before you move on to the next step of uploading.
6. Upload the images to the ‘img’ folder.
7. Make your form or add to a current form. Wherever you want the image to appear you’ll have to make a double bracket (i.e. [[imagename.jpg]] in the form itself. Since I was doing this for a vote, I just put those bracketed names in the multiple choice section.
8. Copy your live form URL.
9. Go to his form which will convert it and run the script here: http://goo.gl/RXToK
10. You will likely have to authorize at this point before going any further.
11. Paste your form URL into his script and it’ll run the conversion.
12. You’ll get a link to view the new form with images now embedded. That’s it!