1. 다음 봇을 연락처(Contacts)에 추가. blog-bot@appspot.com 혹은 embeddy@appspot.com
2. 블로그/홈페이지에 삽입할 웨이브를 선택하여 위의 봇을 추가한 후에 ping을 한다(봇에 따라 추가하자마자 3이 실행되는 경우도 있다).
3. 봇이 웹사이트에 추가시켜야 할 코드를 자동으로 생성한다. 필요에 따라 설정을 바꾼다.
4. 블로그 본문을 html편집으로 바꿔서 웨이브를 삽입하기 원하는 페이지/위치에
<div id="wave" style="width: 560px; height: 600px"></div>
<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('transparent', 'black', 'Trebuchet MS', '12px'); wave.loadWave('googlewave.com!w+nTVVphd8G'); wave.init(document.getElementById('wave'));</script>
식으로 추가한다.
5. 자동으로 생성된 코드를 붙여넣어 웨이브가 정상적으로 동작하는 것을 확인했으면 생성된 코드를 알려주기 위해 생긴 댓글은 삭제해도 무방하다.
6. 옵션: 임의의 웨이브 사용자가 해당 웨이브를 보고 편집할 수 있게 하려면 public@a.gwave.com 을 Contacts에 추가한 후 웨이브 사용자로 추가하면 된다. 그렇지 않으면 해당 웨이브에 추가된 웨이버만 보고 편집하는 것이 가능하다.
7. 기대되는 차기버전: 추후 Read-Only 웨이브를 만들 수 있게 되면 공개 웨이브의 경우 블로그에 내장하면 웨이버가 아닌 사용자도 볼 수 있을 것 같다.
참고사항: 꼭 위의 봇을 추가하지 않더라도 코드의 예제에서 loadWave('xxx'); 에서 xxx 부분을 웨이브 아이디로 바꿔주면 동작한다. 웨이브 아이디는 웨이브를 열었을 때 주소창의 주소에서
예시 wave:googlewave.com!w%252BvXk7Yl1kA.1
처럼 웨이브서버의 도메인(현재는 googlewave.com이 유일함) + 웨이브의 일련번호
에서 얻을 수 있다. w%252B 부분을 w+ 로 바꾼 것이 웨이브아이디가 된다. 예시의 경우는
googlewave.com!w+vXk7Yl1kA.1 <- 이것이 웨이브 아이디가 된다.
<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('googlewave.com!w+vXk7Yl1kA');
wave.init(document.getElementById('wave'));
</script>
위의 코드에서 고칠 부분은 width와 height 정도 밖에 없다. 자신의 블로그 폭과 높이에 맞춰서 적당한 수준을 선택하자. 참고로 웨이브의 스크롤바와 자체 마진이 있으니 width는 40~50픽셀정도 좁게 설정하길 바라고 높이는 콘텐츠에 따라서 보기 좋을 정도로 선택하기 바란다. 보통 높이는 600~800정도면 적당한 것 같다.
