Embedding Waves on web pages

Check out the new site at https://rkblog.dev.

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

RkBlog

Web development, 21 October 2009


Check out the new site at https://rkblog.dev.
Comment article
Comment article RkBlog main page Search RSS Contact