Embed a Wave on a site; anyone can now view it

You’ve had the ability to embed waves on websites before, but there was one major problem; the only people that could view it were other Wave users.  That all changes today, as embedded waves are now visible to everyone!

This is a big step forward, and certainly makes Wave a killer liveblogging tool.  The one catch is that this doesn’t work in Internet Explorer (even with the Google Chrome Frame), but they’ll be fixing that soon.  If you want to try it yourself, just use this simple tool.

Want to see it in action?  Just scroll down.  I’ve embedded a wave in this post to try it out.  Can you see it?

google.load(“wave”, “1”);
google.setOnLoadCallback(initialize);
function initialize() {
var waveframe = document.getElementById(“waveframe”);
var embedOptions = {
target: waveframe,
header: true,
toolbar: true,
footer: true
};
var wavePanel = new google.wave.WavePanel(embedOptions);
wavePanel.loadWave(“googlewave.com!w+Lis328SqA”);
}

Embedding Waves with the WordPress Plugin

We’re three weeks away from the day that Google really starts opening Wave up, and Mashable has a great article about one cool aspect of Waves — embedding them in sites.

There’ll be a variety of ways you can do it, but one very easy way will be using a plugin for WordPress called “Wavr”.  Once you install that plugin, you simply use the following code to embed one in your post:

[wave id=”wave-id”]

You’ll be able to change some options in the settings for fonts and colors, too.

The problem at this point is that you can only see embedded waves if you have access to a dev account for Wave.  Over time, that will change and these will suddenly get very useful.  If you’ve got access already, check out this post to see what it looks like.  If not, check out the screenshot below to see what an embedded wave looks like:

wave-embed