Embedding Google Docs, Spreadsheets, Presentations In Your Website

on Jun 29 in Web Development, Wordpress by Andy Chimicles
Embedding Google Docs, Spreadsheets, Presentations In Your Website

There are a lot of good reasons to embed a spreadsheet directly on a webpage. You may want to share a powerpoint presentation or spreadsheet but you don’t want people to have to download the file. After all, not everyone has MS Office these days. It’s also nice for people to view the document without having to leave the page. Here’s an example of a local search marketing post I made that uses this idea.

Unfortunately Google took away the “embed this” button, but there’s another way to easily accomplish this.

  1. On the top right-hand side of your Google spreadsheet click “Share,” and “Sharing Settings”
  2. Next to “Private” click “Change”
  3. Select “Public on the web”
  4. Copy the link in “Paste this link in email or IM”
  5. Paste the link into this code: 
    <iframe width='550' height='250' frameborder='0'src='http://spreadsheets.google.com/ccc?key=0AkACervtJGhwdGpWY3MtMVh1cmxXcjFFdnh2UDc4THc&#038;hl=en&#038;output=html&#038;widget=true'></iframe>
  6. You may have to add the part that says “en&output=html&widget=true” if it’s not already there
  7. Then you can edit the “width” and “height” parameters to fit your page

That’s it. It’ll look something like this:


Tags: ,

Author: Andy Chimicles

Internet marketer, website developer, musician, producer, photographer, lover

This author's website address is http://www.andychimicles.com

There are no comments yet, add one below.

Leave a Comment