붐바카운터 이야기
붐바로 블로그 페이지 카운트하기 (from conan)
을 보면서 카운터이미지 만이라도 쉽게 제공가능하면 좋겠다는 생각에 공감하였습니다.
사실 이글루스의 고객지원쪽으로 문의 메일을 보낸적이 있습니다.
스크립트 삽입을 지원하는게 어렵더라도 붐바를 추가하는 preference를 두면
서버측에서 쉽게 삽입할 수 있을것이고 그러면 pumfit등의 관련사이트 활성화에도 도움이 될 것이라 생각했었습니다.
2007년 7월 8일에 보낸 메일인데 아직은 답변을 못받았습니다. ^^
conan님이 의견주신 인자없이 referrer로 url 인자를 대체하는 것은 사연이 있습니다.
블로그는 특성상 각 글이 고유의 주소를 가지게 되지만 그 주소만으로 노출되지는 않습니다.
예를들어 http://hanjava.net/call-151 같은 블로그는 한페이지에 3개의 글이 노출되도록 되어있습니다.
이 경우 referrer는 http://hanjava.net/call-151 이지만 이때 노출된 3개의 글에 대한 카운트를 증가시켜야 합니다. 따라서 referrer로는 어느글을 보는지 알 수 없습니다.
이렇게 perm url을 이미지 주소에 첨부해 두면 포스트를 불펌해 가도 노출 회수는 알 수 있다는 장점이 있습니다. 그래서 불펌할때는 붐바내용까지 퍼가주는 캠페인을 하면 좋을듯 합니다.^^
같은 이유로 url과 referrer가 같을때만 카운트를 증가시키는것도 안하고 있습니다.
그리고 보너스로 URL encoding을 utf-8로 쉽게 하는 강력한 툴이 있는데 북마크해 두시면 편리합니다.
그 현란한 UI에 감탄하실겁니다.
http://hanjava.net/urlencoder.html
P.S) 그런데 붐바의 글자와 배경색이 제대로 매치되서 안나오는 경우가 많네요.
간단한 문제인데 붐바 아이콘 서블릿 소스가 어디있더라…T_T
컨텐츠에 붐바 설치하는 법
굳이 이런 내용을 공개하지 않아도 눈치 빠르신 분들은 제로보드에 설치하시기도 하십니다만. (대단하십니다. ^^)
reverse engineering과 공식지원과는 차이가 있으니 이 방법을 믿고 사용하시라는 의미에서 공개합니다.
사실 블로깅툴(WordPress, Tattertools)의 플러그인 방식이 아닌 경우에도 붐바를 달 수 있도록 품바 서비스를 이미 운영중입니다. 이를 조금 풀어쓴 글이 될 것입니다.
붐바를 설치하는 데에는 3가지 인자가 필요합니다. 이 중 RSS link는 선택사항으로 없어도 됩니다.
- 영구주소(Permanent URL)
- 제목(Title)
- 예) Beanshell 2.0b5 binary jar
- RSS link
여기서 주의하셔야 할 점은 영구주소와 제목 및 RSSlink의 관계가 정확해야 한다는 점입니다.
제목은 각 글의 제목인데 영구주소는 블로그의 주소이면 안됩니다.
이런 경우는 붐바스페이스에서의 순위에 영향을 주기 때문에 발견되면 blacklist에 추가되고 순위에서 제거됩니다.
이 관계만 맞다면 꼭 하나의 글에만 붐바를 달 필요는 없습니다. 원하는 서비스나 블로그 자체에 다셔도 합당합니다. 예를들어,
- 영구주소 : http://studylang.com/
- 제목 : 영어 공부 합시다!
- RSS link : http://studylang.com/rss
와 같이 쓰시면 O.K 입니다.
이제 이 값들을 js.php에 인자로 넘겨주면 붐바를 추가하는 javascript code가 반환됩니다.
http://boombar.korea.com/js.php?url=영구주소&title=제목&rsslink=rsslink
의 형식에 맞추면 됩니다. 그런데 모든 인자 값은 UTF-8로 urlencode 되어 있어야 합니다.
그럼 각 값들을 urlencode 시켜 보겠습니다.
- http://studylang.com => http%3A%2F%2Fstudylang.com
- 영어 공부 합시다! => %EC%98%81%EC%96%B4%20%EA%B3%B5%EB%B6%80%20%ED%95%A9%EC%8B%9C%EB%8B%A4!
- http://studylang.com/rss => http%3A%2F%2Fstudylang.com%2Frss
이를 원하는 형식에 맞추시면
이 됩니다. 이를 javascript의 src로 넣어주시면 붐바가 나타나게 됩니다.
<script src=”http://boombar.korea.com/js.php?url=http%3A%2F%2Fstudylang.com&title=%EC%98%81%EC%96%B4%20%EA%B3%B5%EB%B6%80%20%ED%95%A9%EC%8B%9C%EB%8B%A4!&rsslink=http%3A%2F%2Fstudylang.com%2Frss” mce_src=”http://boombar.korea.com/js.php?url=http%3A%2F%2Fstudylang.com&title=%EC%98%81%EC%96%B4%20%EA%B3%B5%EB%B6%80%20%ED%95%A9%EC%8B%9C%EB%8B%A4!&rsslink=http%3A%2F%2Fstudylang.com%2Frss” charset=”utf8″></script>
문의는 답글로 달아주세요. 감사합니다.