Google Wave Help

Hi All,

I am writing this in order to help you out with your stunts with 'GOOGLE WAVE'

Google Wave is a huge leap in the way that we communicate online. Using Google Wave, the common E-mail is replaced with what is known as a “wave”

You are wanting to embed Google Wave into your blog. Good news is that we can help. There are a ton of WordPress plug ins that are currently available, some work, some dont. Some will work only with Sandbox accounts, others claim to work with Preview accounts, but dont. This is a sure fure way to make sure it will work.

 Embedding Wave

You can embed a Wave into a web page by adding some simple JavaScript code.
The Wave Embed API provides the WavePanel object which can hold a wave. You ask the WavePanel to use an HTML element on your web page to show a wave. The conversations on the wave will be visible in the WaveClient.

Firstly lets have a look at an example:

By Hansraj
Like it, go ahead and embed your own wave :)

The steps to embed a wave on a web page are -

1. Create an HTML element that will contain the embedded wave -
<---script src="http://wave-api.appspot.com/public/embed.js" type="text javascript">

 2. Initialize the WavePanel object -
<---script type="text/javascript"><--
    window.onload = function initialize() {
       var wavePanel = new WavePanel('http://wave.google.co/a/wavesandbox.com/');

              wavePanel.loadWave('wavesandbox.com!w' + waveID);

              wavePanel.init(document.getElementById('googlewaveframe-name'));

        }

// -->

    <---div id="googlewaveframe" style="width:800px; height:800px;">Google Wave Preview -- by Hansraj

...  
Note**  Just un-comment the div, remove '---' from the above code :)

...
 

The wave is embedded in an iframe created inside the supplied HTML element. 

The argument passed to the WavePanel is the Wave server instance. This value is used to set

up the URLs used in the iframe created. For the early developer access, it must be 

http://wave.google.com/a/wavesandbox.com/.


To make this wave public, just add public@a.gwave.com to the participants.

This shall give public access to the wave. :)






-------------------------------------------------------

This was for the "sandbox account".

Now for the Google wave account, it is also very easy.

Lets see an example first . This helps the understanding better.

Soory for inconvinence !! Some issue while displaying

By Hansraj

Follow the steps given below:

1. Create a new wave in your google wave account.

2. Add a participant "embeddy@appspot.com"

      (If it is not in your contacts, add it.)

3. This shall give you the "wave id" for the newly created wave. So simple.

4. The other part is also simpler :)

 Now, paste the following code on the website/blog where ever you want to 

embed the wave.

<---script src="http://wave-api.appspot.com/public/embed.js" type="text javascript">
<---script type="text/javascript"><--
    window.onload = function initialize() {
      var wave = new WavePanel('https://wave.google.com/wave/');
          wave.setUIConfig('white', 'black', 'Arial', '13px');
          wave.loadWave('googlewave.com!w+_e1AUqxTC');
          wave.init(document.getElementById('waveframe));
     }
// -->

    <---div id="waveframe" style="width:800px; height:800px;"><-/div--->

Note**  Just un-comment the div, remove '---' from the above code :)


5. Just change the wave id that you have for your wave with the 'WAVEID' in the script.

And thats it, you are done.