블로깅 팁: Firefox나 IE7 사용 방문자를 Feedwave RSS feed 로 가입 유도하기

Posted at 2007. 3. 7. 10:17 // in 블로깅 // by 김윤수


이번 글에서는 블로깅 팁으로 Firefox 나 인터넷 익스플로러 7을 쓰는 블로그 방문자들이 RSS bookmark 기능(live bookmark 라고도 합니다)을 이용해서 블로그의 원래 RSS(제 블로그 예를 들면, http://yesarang.tistory.com/rss)가 아닌 Feedwave RSS(제 블로그 예를 들면, http://rss.feedwave.com/dreamideal)에 가입하도록 유도하는 방법에 대해 말씀드리겠습니다.

블로거에게 있어서 RSS 구독자수는 방문자수와는 또 다른 기쁨이라고 생각합니다. RSS 구독을 한다는 얘기는 해당 블로그가 RSS 구독할만큼 가치가 있다고 판단했기 때문이라고 생각하는 것이죠. 그래서 조금이라도 더 정확히 RSS 구독자수를 파악하고 싶다고 생각해서 이런 방법을 알아내게 됐습니다.


이 글을 읽기 전에 다음 글을 읽으시면 이해해 도움이 될 것 같습니다.

RSS 가 무엇인지 궁금하신 분
1. RSS란 무엇인가 ?

RSS bookmark(또는 live bookmark) 기능이 무엇인지 궁금하신 분
2. RSS 활용

Feedwave 서비스가 무엇인지 궁금하신 분
RSS 통계를 제공하는 피드웨이브

Firefox, Safari, 인터넷 익스플로러(이하 IE) 7 모두 RSS 구독을 마치 bookmark 처럼 볼 수 있도록 해주는 기능을 제공합니다. Gmail 에 접속하면 IE7 같은 경우 아래 그림 오른쪽에 보이는 것처럼 Feeds 가입 버튼이 활성화 됩니다.

사용자 삽입 이미지

저는 Firefox, Safari, IE7이 어떻게 RSS 주소를 알아내는지 상당히 궁금했었습니다. 처음에는 HTML 문서를 직접 Parsing 해서 RSS 주소를 유추하는 게 아닌가 하는 생각을 하기도 했는데요... 그러기에는 HTML 문서 자체가 워낙 비정형화 되어 있기 때문에 거의 불가능할 거라 생각했습니다. 그리고, Gmail 같은 경우 문서 어디를 봐도 RSS 주소는 나와 있질 않은데, 브라우저들이 그걸 알아낸다는 게 참 신기했습니다.

나중에 알고 봤더니 HTML 본문(<body> tag) 안에서 알아내는 게 아니라 <head> tag 안에 정의된 <link> tag을 통에서 알아내는 것이더군요.

제 블로그(http://yesarang.tistory.com/)를 View Source 를 통해서 보면 <head> tag 안에 다음과 같은 <link> tag 이 보입니다.

<head>
...
<link rel="alternate" type="application/rss+xml" title="김윤수의 이상계를 꿈꾸며" href="http://yesarang.tistory.com/rss" />
...
</head>

최근에 저는 Feedwave를 쓰기 시작했는데, Feedwave가 제공하는 RSS 구독 통계 기능을 이용해서 제 블로그 Feed 구독자수를 알고 싶었습니다(물론, 얼마되진 않습니다. ^_^ 이제 겨우 3명. 크하하하). 그리고, 제 블로그 구독자들이 되도록이면 Feedwave RSS 로 구독했으면 해서 제 스킨을 편집해서 다음과 같이 RSS Feed 구독 버튼을 여러개 추가했습니다.

사용자 삽입 이미지

이렇게 하려면 태터툴즈나 티스토리 Admin 메뉴 중 스킨편집에 가신 후 적당한 곳에 다음과 같은 코드를 넣으시면 됩니다.



<!-- 피드 원본 -->
<a href="[자신의 Feedwave RSS 주소]">
<img src="http://www.feedwave.com/skin/newfeed/feedicon_5.gif" style="border:0"/>
</a><br/>
<!-- HanRSS 추가 버튼 -->
<a href="http://www.hanrss.com/add_sub.qst?url=[자신의 Feedwave RSS 주소]">
<img src="http://static.hanrss.com/images/add_to_hanrss3.gif" border=0
alt="한RSS에 추가"></a><br/>
<!-- Windows Live 추가 버튼 -->
<a href="http://www.live.com/?add=[자신의 Feedwave RSS 주소]">
<img src="http://www.feedwave.com/img/publicize/addtolive.gif" border=0
alt="라이브닷컴에 추가"></a><br/>
<!-- 구글 리더기 추가 버튼 -->
<a href="http://www.google.com/ig/add?feedurl=[자신의 Feedwave RSS 주소]">
<img src="http://buttons.googlesyndication.com/fusion/add.gif" border=0
alt="구글 리더기에 추가"></a><br/>
<!-- blogines 추가 버튼 -->
<a href="http://www.bloglines.com/sub/[자신의 Feedwave RSS 주소]">
<img src="http://www.bloglines.com/images/sub_modern10.gif" border=0
alt="Subscribe with Bloglines"></a><br/>
<!-- 위자드닷컴 추가 버튼 -->
<a href="http://wzd.com/subscribe?[자신의 Feedwave RSS 주소]">
<img src="http://image.wzd.com/icon/rss2.gif" border=0
alt="위자드닷컴에서 구독"></a><br/>
<!-- My Yahoo 추가 버튼 -->
<a href="http://add.my.yahoo.com/rss?url=[자신의 Feedwave RSS 주소]">
<img src="http://cfs2.tistory.com/upload_control/download.blog?
fhandle=YmxvZzMyMTg1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzAvMTAuZ2lm"
alt="Yahoo feed" border="0" /></a> <br />
<!-- netvibes 추가 버튼 -->
<a href="http://www.netvibes.com/subscribe.php?
url=http://rss.feedwave.com/dreamideal">
<img src="http://cfs3.tistory.com/upload_control/download.blog?
fhandle=YmxvZzMyMTg1QGZzMy50aXN0b3J5LmNvbTovYXR0YWNoLzAvMTEuZ2lm"
alt="Netvives feed" border="0" /></a> <br />
<!-- newsgator 추가 버튼 -->
<a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?
url=http://rss.feedwave.com/dreamideal">
<img src="http://cfs3.tistory.com/upload_control/download.blog?
fhandle=YmxvZzMyMTg1QGZzMy50aXN0b3J5LmNvbTovYXR0YWNoLzAvMTIuZ2lm"
alt="Newsgator feed" border="0" /></a> <br />
<!-- Rojo 추가 버튼 -->
<a href="http://www.rojo.com/add-subscription?
resource=http://rss.feedwave.com/dreamideal">
<img src="http://cfs2.tistory.com/upload_control/download.blog?
fhandle=YmxvZzMyMTg1QGZzMi50aXN0b3J5LmNvbTovYXR0YWNoLzAvMTEuZ2lm"
alt="Subscribe in Rojo" style="border:0"></a><br/>
<!-- Daum RSS 넷 추가 버튼 -->
<a href=""><img src="http://mailimg.hanmail.net/05rss/daum_rss_01.gif" border="0"
onclick="javascript:window.open
('http://rss.daum.net/rssplus/myhome/ShowInsertUserChannelFormFromOut.do?
channelUrl=http%3A%2F%2Frss.feedwave.com%2Fdreamideal&channelName=
김윤수의 이상계를 꿈꾸며','subscribe',
'width=510,height=300,toolbar=no,menubar=no,location=no,scrollbars=no,resizable=yes');"/>
</a><br/>

이 코드들은 Feedwave 의 뉴피드 아이콘이라는 메뉴에 접속하시면 위와 같은 하나 하나의 버튼을 추가할 수 있는 코드를 생성해줍니다. Feedwave는 Rojo, Newsgator, Netvibes, Daum RSS 넷을 제외한 것들을 생성할 수 있는 메뉴가 있습니다. 이것들은 각각 해당 싸이트에 접속해서 코드를 생성해서 삽입하시면 됩니다.

이렇게 하더라도 Firefox, Safari, IE7의 RSS bookmark 를 이용해 직접 구독하시는 분들의 통계는 알아낼 수가 없겠더군요. 여러분은 어떻게 알아낼 수 있다고 생각하세요 ?

저는 고민해 보던 끝에 <head> tag 안의 <link> tag에서 RSS 주소를 바꾸면 되겠구나 하는 생각에 이르더군요. 그래서 스킨 편집 메뉴로 가서 <link> tag 을 다음과 같이 바꾸었습니다.

<head>
...
<link rel="alternate" type="application/rss+xml" title="김윤수의 이상계를 꿈꾸며" href="http://rss.feedwave.com/dreamideal" />
...
</head>

그리고, 다음과 같이 Feed 원본 가입하기를 Comment Out 했습니다. 이렇게 Comment Out 하면 아무래도 Feed 원본으로 가입할 수 있는 기회가 줄어들 것이라고 생각했기 때문입니다.

<!-- <a href="https://yesarang.tistory.com/rss" onclick="window.open(this.href); return false">블로그 구독하기</a></div> -->

블로거에게 있어서 RSS 구독자수는 방문자수와는 또 다른 기쁨이라고 생각합니다. RSS 구독을 한다는 얘기는 구독자 입장에서 해당 블로그가 RSS 구독할 만큼 가치가 있다고 판단했기 때문이라고 생각하는 것이죠. 그래서 조금이라도 더 정확히 RSS 구독자수를 파악하고 싶은 욕구가 있는 거라고 생각합니다. 저도 그런 블로거 중에 하나이구요.

이런 방법을 통해 정확한 RSS 구독자수를 파악할 수 있기를 바랍니다.


티스토리툴바