innovation + motivation + inspiration

we are pure potential | blog by Lena Cardell

How to embed anything or use HTML in GoogleWave

Posted by Lena on 8th October 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

Posted in Google Wave, Uncategorized | 6 Comments »