Embedding Waves on web pages

Share Google Wave supports embedding Waves on web pages, but as this is currently "work in progress" preview you have to have a Wave account. This tutorial covers wave.google.com and not only wavesandbox.

• Add embeddy@appspot.com robot to the wave - you will get the embed code in the first message of the wave
• On a web page where you want the wave to show up put:

  <div id="wave" style="width: 560px; height: 420px"></div>
  

• On the end of the page add:

  <script
    type="text/javascript"
    src="http://wave-api.appspot.com/public/embed.js">
  </script>
  <script type="text/javascript">
    var wave =
      new WavePanel('https://wave.google.com/wave/');
    wave.setUIConfig('white', 'black', 'Arial', '13px');
    wave.loadWave('WAVE ID HERE');
    wave.init(document.getElementById('wave'));
  </script>
  

• The embed code doesn't work locally, it has to be on a server.
• Not logged in users will see a frame and a part of the main login page of Google Wave.
• To make the wave public, add easypublic@appspot.com robot

Example