innovation + motivation + inspiration

we are pure potential | blog by Lena Cardell

How to embed anything or use HTML in GoogleWave

Posted by Lena on October 8th, 2009

One of Google Wave’s many quirks is that it doesn’t currently auto-convert embed codes into YouTube videos, flickr photos, etc as most have grown to expect from modern web applications. I’m sure most of you fellow Wavers have discovered that URLs from some domains (like YouTube) will ask if you’d like to embed instead, but most sites won’t support this behavior for a while.

Thanks to my awesome boyfriend for discovering a way to hack this until the rest of the internet catches up :) It’s a little inelegant but it gets the job done.

If you follow these steps, you’ll be able to embed ANYTHING, or even throw in html on a whim (supports code view too, for my fellow nerds).

Proof:

If you’re using Wave already, I’ve created a public wave here that lets you install this extension with just a simple click. There’s an installation guide below for anyone who wants to do it manually, but the process is kind of a beast right now.

Now that you’ve installed the extension, here’s how you add your embed code or any html to your waves

  1. while editing a wavelet, click the rather ugly button in your editing toolbar labeled .html (for me it’s in the upper right-hand corner, next to the map-pin icon).
  2. Embed HTML in wavelet

  3. Click the edit button in the upper left-hand corner of the grey module that appearsFlickr Embed into Google Wave Step 1
  4. Add your code and click view
    Flickr Embed into Google Wave Step 2

  5. You’re done!
    Flickr Embed into Google Wave Success!
As promised, here’s the full step-by-step for manual installation of the extension installer. If you accessed the wave I liked to above, you don’t need to read the rest of this, you’re ready to rock!

Extension Installer (uber)Manual Installation Guide:

  1. Login to Wave
  2. Go to the Extensions Gallery Wave in your inbox

    Google Wave Extension Installer Step 1

  3. Click on the Install button on the very last extension on the list: called the Extension Installer

    Google Wave Extension Installer Step 2

  4. Click confirm on the dialog box that appears

    Google Wave Extension Installer Step 4

  5. Click the down arrow beside the Create New Wave button and choose the New Installer Extension option

    Google Wave Extension Installer Step 3

  6. Put the following extension manifest URL into the dialog box that pops up:

    http://wave-ide.appspot.com/html-ext.xml

    Google Wave Extension Installer Step 5

  7. Click Install and invite anyone else you think might like to add HTML embed codes to their waves!

    Google Wave Extension Installer Step 6

6 Responses to “How to embed anything or use HTML in GoogleWave”

  1. David G. Paul Says:

    woohoo! Thanks Lena to both you and your boyfriend for sharing this awesome hack :)

  2. dinu Says:

    html gadget will be really useful. I thought I will need this for embeding videos too, but when I pasted a youtube link to wave, it asked me if I want to embed the video, and it worked fine !!

  3. Lena Says:

    @Dinu – YouTube URLs have that neat behavior, but most sites with embed codes don’t yet. If you wanted to put, say, a Hulu or Vimeo video in a wave this gadget will work perfectly :)

  4. Bamboo Guy Says:

    Thanks, I have been wanting to learn a little bit more about google wave. It looks pretty interesting.

  5. david sanger Says:

    Thanks Lena – There’s also an iFrame gadget installed the same way.

    You can find it and others in these waves:

    Wave Extensions Gallery

    More Wave Extensions Gallery

  6. Seano56 Says:

    very very useful, you rock my world :)

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>