How to Embed Google Wave in Your Blog/Website?

Thu, Dec 3, 2009 | Tutorial, Wordpress  




Continuing our tutorial series on Google Wave, here is the next one which will help you to embed Google Wave on your blog or website. I personally don’t find a reason yet to add Google Wave on TechPP, but then some of you might have a better idea and like to see it on your website. This tutorial will help you do that.

In case you are new to Google Wave, you might also be interested in these articles:

How to Embed Google Wave on Your Wordpress Blog?

Mark Essel has written a nice article on how to embed Google Wave on a Wordpress blog. Follow the simple steps below:

1. Install the wavr plugin and activate it.

2. Once you have activated the plugin, you would need the WAVE ID to embed the wave.
[wave id="WAVE_ID"]

3. In order to find the Wave ID, check out the wave URL. If Google Wave URL is
https://wave.google.com/wave/#restored:wave:googlewave.com!w%252BSsJfE3HIC

the wave ID will be googlewave.com!w%252BSsJfE3HIC

4. Using Wavr plugin, you will have other parameters like setting the background color and others.

That’s it! You can embed any wave onto your Wordpress blog now. Note that, it slows down the page load and reaction time considerably.

How to Embed Google Wave on ANY website?

In case you are not on Wordpress and still want to add Google wave on your website, you don’t need to fret. There is an easier option for you.

1. Add embeddy@appspot.com to your Wave contacts.

2. Add embeddy to your new or existing wave.

3. It will show the code snippet and some options like changing the width, height, background color, font etc.

wave-embed-code

4. Copy that somewhere, or paste it in the Notepad.

5. Now you can remove Embeddy and add public@a.gwave.com so you can make your Google Wave viewable in public.

6. Note the wave ID just as explained in step 3 of the tutorial on embedding wave on Wordpress blog.

7. Copy the script before tag and place the

tag wherever you like to see the Wavelet.

Hope you found this useful. Let me know in case you like to see any other tutorial on Google Wave.

Related Posts:

  1. Share, View and Edit Google Docs in Google Wave
  2. TechPP Google Wave Invites Giveaway!
  3. How to Install a Google Wave Gadget Extension?
  4. Google Wave Desktop Client – Waver
  5. How to Promote a New Blog/Website Via Guest Blogging?

Bookmark and Share
Free subscription: Subscribe to RSS feed or get daily tips in your email
You must click confirmation link sent in email. If you don't see the email, check spam folder




This post was written by:

Raju - who has written 889 posts on Technically Personal!.

Raju is the owner and editor-in-chief of TechPP. A proud geek and an Internet freak, who is also a social networking enthusiast. You can follow him on Twitter @rajupp

10 Comments For This Post

  1. Google Wave Says:

    I’ve actually read this before, but I still find it amazing how easy it is to incorporate into websites!

    Thanks,

    P.s. Probably not bothered but just in case there’s a small typo on ‘…slows sown the page load and reaction time considerably…’

  2. Raju Says:

    Oopss.. you got me there, corrected it. All the best with your SEO efforts ;)

  3. Chethan Says:

    Awesome! I was Looking for This!

  4. Keith Says:

    When I try to add public@a.gwave.com, it tells me that this email doesnt have a Google Wave account. So am I missing a step? :-(

  5. TA Sheikh Says:

    Good writeup ! Its time to play with Waves ;)

  6. ambulans Says:

    Hi, very good web site. Thanks

  7. dedicated seo expert Says:

    This is really helpful post,
    i never had a idea about these, embedding the google wave on my blog would be very interesting. Thanks for letting me know about these embedding.

  8. FaustiesBlog Says:

    Thanks for this useful information (I have a Wordpress blog and a Blogger blog).

    Id love to be able to try this out but havent yet received an invitation to Google Wave.

    Would one of you please invite me? :)

    jencookwatson@googlemail.com

  9. Nullstring Says:

    hmm.. this looks much easier
    http://www.jaysonragasa.net/post/Add-Google-Wave-In-Your-WebBlog-Site.aspx

  10. Trackbacks Says:

Leave a Reply