XE를 뉴스사이트 형식이나 정보성 홈페이지로 운영하신다면, Daum View로 송고하고 싶은 분들도 있을 겁니다.

1개월 동안 업데이트 하면서 이제야 어느 정도 쓸만한 것 같아서, 블로그에서 홍보해 봅니다. ^^


Daum View 애드온은 현재 0.5버전까지 공개했습니다.

주요 기능은...

관리자로 로그인 했을 때 트랙백 송고를 할 수 있고, 일반 접근시에는 송고된 글에 추천 버튼이 노출됩니다.

자세한 내용은 http://webtools.kr/28311


회원가입 Captcha 애드온은

프로그램으로 자동 가입하는 스팸을 차단하기 위해, 이미지로 문자를 보여주고 입력하도록 합니다.

현재, 회원가입 확장모듈을 함께 사용할 경우 오류가 일부 있습니다. 

최근 스팸가입이 급증해서 급히 만들었습니다. 

자세한 내용은 http://webtools.kr/27954

저작자 표시 비영리 변경 금지
신고
  1. 4 cup coffee makers 2011.07.20 21:46 신고

    현재, 회원가입 확장모듈을 함께 사용할 경우 오류가 일부 있습니다.

    • k2man 2011.07.20 22:06 신고

      1년 동안 전혀 손대지 못했습니다.
      설명처럼 당시 스팸가입이 급증해서 급하게 만들어서 오류가 존재하고 있습니다.
      고쳐야지 하면서도 시간이 도저히 안되네요...

수익을 염두에 두고 인터넷을 사용하시는 분들이 많으실 겁니다. 그 방법 중 대표적인 것이 블로그 운영과 애드센스일텐데요… 오늘은 돈 버는 여러 방법 중, 도메인을 가지고 돈을 벌기 위해서 기본이 되는 낙장 도메인 검색 사이트를 알려 드리겠습니다.

도메인으로 돈을 버는 방법은 크게 두 가지 입니다. 하나는 괜찮은 도메인을 선점해서 판매하는 방법(기존 운영자가 잊어 버린 경우도 있겠구요.)과 두 번째는 도메인용 애드센스를 사용해서 광고 수익을 올리는 방법입니다.

하루에도 약 10만개에 달하는 도메인들이 삭제됩니다. 외국의 낙장 전문업체에서는 이 중에 유용한 도메인들을 잽싸게 사서, 다시 판매하고 있는 실정이죠. 하지만, 개인이 이런 수많은 도메인의 옥석을 가리기는 쉽지 않습니다.

국제 도메인 낙장을 검색하면서, 동시에 구글에 얼마나 많은 검색 결과가 반영되고 있는지 확인할 수 있는 사이트입니다. 국제 도메인의 경우에는, 구글에 검색 결과가 얼마나 많은지가 수익에 큰 기준이 될 수 있죠. (하다 못해 도메인용 애드센스만 사용해도 수익이 나올 수 있으니까요.)

사이트 주소는 http://dom.k2man.com 입니다.

 

들어가보시면 위 사진처럼 검색바가 보입니다.


1. 삭제일

삭제일은 도메인이 최종 삭제되는 날짜를 의미합니다. 도메인마다 기준이 다르지만, 국제 도메인의 경우 만료일에서 2개월하고도 1주일이 지나야 신규로 도메인 등록이 가능합니다. (국내 kr도메인은 1개월이 지나면 가능하죠.) 삭제일은 이 기간이 지나서 최종 삭제되는 날짜입니다. 따라서 삭제일이 3월 8일이면, 3월 9일부터 등록이 가능하죠. (국제시 기준이기 때문에 우리나라에서는 아침 9시를 기준으로 보면 될 것 같네요.)

2. 도메인 검색어

도메인에서 찾고자 하는 키워드를 입력하면 됩니다. 비워두면, 전체 목록을 보여 줍니다.

3. 최상위

.com / .net / .org / .info / .mobi / .biz / .eu / .de / .us / .co.uk / .me.uk / .org.uk 도메인 중 하나를 선택할 수 있습니다.

4. 길이

도메인의 가치를 따질 때, 도메인의 길이도 중요합니다. 최대 몇 글자 이하인 도메인을 검색할 것인지 지정합니다. 아무 것도 입력하지 않으면 전체 목록을 보여 줍니다.

5. 정렬기준

무엇을 기준으로 정렬할 지 정합니다. 기본값은 도메인명입니다. 도메인길이, 사이트검색 결과, 링크검색 결과 중 하나를 선택할 수 있습니다. 사이트검색 결과는 구글에서 사이트 내에서 검색했을 때 (“site:도메인”으로 검색) 몇 개의 결과가 나오는지를 말하며, 링크검색은 다른 사이트에서 이 도메인이 얼마나 링크되어 있는지 (“link:도메인”으로 검색) 알려줍니다. 많은 검색 결과가 있는 도메인이라면, 도메인용 애드센스로 성공할 가능성이 높아 지겠죠.

6. 정렬방법

내림차순과 오름차순 중 하나를 선택할 수 있습니다.


현재 국내 kr도메인은 검색을 제공하지 않습니다. kr도메인은 요 사이트 => http://www.nakjang.kr 가 괜찮더군요. 어떤 분이 운영하시는지 몰라도, 국내 도메인 실정에 맞게 다음, 네이버, 야후 검색 결과까지 보여줍니다. 저도 여기서 검색해서 2개 정도 낚았더니… 하루 평균 1달러 정도씩은 들어오는 것 같네요.

신고
  1. 2011.12.27 22:09

    비밀댓글입니다

http://blogtran.com 인데, 보통의 메타블로그와 다를 바 없습니다.

특징이라면, 여기에 등록한 블로그는 6개 언어(영어, 일본어, 중국어, 독일어, 프랑스어, 스페인어)로 번역되어서 게시됩니다.

예를 들어, blogtran.com 에 등록한 블로그 포스팅은 자동으로 영어 메타블로그 (http://en.blogtran.com)에 번역되어 노출되는 식입니다. 링크도 http://en.blogtran.com/go/32 형식으로 되어 있어서, 각 페이지도 검색에 노출될 수도 있습니다. (구글 사이트맵을 지원해서 검색 유입을 극대화할 생각입니다.)

애드센스 수익을 높이자.

아시겠지만, 애드센스의 영문 광고 단가는 한국어 광고 단가보다 훨씬 높은 경우가 많습니다. 특이하게도, 구글 애드센스의 경우 번역 사이트에서 해당 언어의 광고를 보여주는 경우가 많습니다.

즉, 내 블로그 글이 영어로 번역되었다면, 영어 광고가 실리는 것이죠.

아무래도 번역 결과가 썩 좋지 못하기 때문에 클릭율은 떨어집니다. 하지만, 클릭 단가가 높기 때문에 조금이나마 더 높은 수익을 기대할 수 있죠.

과거에 설치형 워드프레스를 쓰면서, 번역 플러그인을 사용했습니다. 이 때, 해외 트래픽 유입으로 인한 애드센스 수익이 꽤 짭짤했었죠.

번역 결과 메타블로그

영어 http://en.blogtran.com
일본어 http://ja.blogtran.com
중국어 http://ch.blogtran.com
프랑스어 http://fr.blogtran.com
독일어 http://de.blogtran.com
스페인어 http://es.blogtran.com

사용법

http://blogtran.com 에 회원가입 후 블로그를 등록하기만 하면 됩니다. ^^

신고

어제 “블로그트랜”이라는 블로그 번역 메타블로그를 오픈했습니다.

자세한 내용은 http://k2man.com/923 를 보시기 바라구요. 오늘은 번역 결과를 RSS로 전송해 주는 기능을 소개할 까 합니다.

내 블로그를 번역해서 해외 검색결과에 반영시킬 수 있다면 아주 좋을 것입니다.

현재, 블로그트랜은 6개 언어(영어, 중국어, 일본어, 프랑스어, 독일어, 스페인어)를 지원하고 있습니다. 블로그트랜에 가입해서 등록한 블로그는 순차적으로 번역되어서 언어별 메타사이트에 등록됩니다. 여기에 언어별로 최근글에 대한 RSS도 제공해 줍니다.

이 번역된 RSS를 해외 사이트 등에 등록하면, 내 블로그 글이 바로 노출되는 것이 아니라, 구글 번역을 통해 번역된 결과가 노출되게 됩니다. (링크를 번역 후로 했습니다.)

블로그트랜의 블로그 목록을 보면, 블로그에 언어별 RSS주소가 링크된 것을 볼 수 있습니다.

여기서 원하는 링크를 클릭해서 RSS주소를 사용하면 됩니다.

단, 번역이 되어야 하기 때문에, 블로그트랜에 등록된 블로그만 가능합니다. 

신고

블로그의 글을 번역해서 자동으로 포스팅해주는 AutoPost(http://autopost.k2man.com)이 0.0.2로 업데이트 되었습니다.

주 기능 : 내 블로그의 글을 번역해서 또 다른 내 블로그에 포스팅해줍니다.

자세한 사용법은 http://k2man.com/909 을 참고하세요.

테스트된 블로그서비스

- 티스토리
- 텍스트큐브닷컴
- 워드프레스닷컴
- 네이버블로그

알려진 버그 및 앞으로 추가할 기능

- 회원가입 및 로그인 후 이용하는 블로그를 등록하여 사용할 수 있도록 기능 추가
- 티스토리 일반 첨부파일 문제
- 티스토리에서 원격 블로깅툴을 이용해 첨부한 이미지 연결이 깨지는 문제
- 번역 결과에 자동으로 "원본은 한국어입니다. 원본:원본주소링크" 형태의 문장이 삽입되는 기능
- 문장 처음에 제목이 들어가는 문제

개선 사항

0.0.2 (2009/9/21)

- 다국어를 지원하도록 개선 (현재 영어, 한국어 지원)
- Firefox 등에서 메인화면으로 돌아오지 않는 문제 수정 
- 네이버블로그 지원

0.0.1 (2009/9/18)

- 베타 오픈
- IE8, Chrome 등에서 번역이 일부만 되는 문제 수정
- autopost.kr 도메인 적용
- 애드센스 적용

신고

이 글은 아래에 소개한 블로그 번역기를 이용해서 포스팅 한 것입니다.

Blog automatically translated into 52 languages to

Create a blog for a long time trying to provide sworn translations ... Oh, those days back again it was been postponed.

Today, finally translated blog feature (hat complain a lot) to the public. In fact it made for a few days 뚝딱 yeoseo There are many points we have to improve. (Points to improve your eyes I see a harness.)

Address ... http://autopost.webtools.kr is. Original weptuljeu (http://webtools.kr) has created a link from the menu. (Weptuljeuui unused ones will reduce the maximum. And Register as a necessary part that got cut.)

1. First, the translated result is stored to a blank blog. (You 티스 토리, text, cube, dot-com, wodeupeureseudatkeomman test status.) Sat tiseu dot-com or text in the cube is to create one more blog.

2. Blog address and login information to enter the API. Go 2 bosimyeon information input window as shown below there's a blog from the information in the left, right, is a translation, please enter your blog information is stored.

3. Simply enter all the information you can select your blog. (Multiple blogs into a single ID is managed by a blog because it is selected.)

4. Select a blog with the following screen comes up when finished.

Choose to work on the left post and right to work.

"Now Copy" to copy the list simply does not translate. (And personal needs ...) move into a blog article than one blog was created for the purpose.

"Now Translate" button is for a translation dictionary "Split Code" and "Language" will have to choose. "Split Code" is the Google API does not support long as is necessary expedient. When you have hit Enter on your blog, P tag contains a BR tag inside to get there, depending on the branch should be selected. (If you can not see one test. Beonyeokyul choose to be high.)

Yet too many shortcomings.

I told angoja not membership, enter your blog information each time beongeoropneyo anything. Membership is very simple to do is worry.

Naver blog, even if you're andoedeo. Testing different blog services yeoteun rocking while to fix. Especially if the image tiseu Tori and save it as a separate code'll need to convert it. (Which converts the current image, but more detailed work is required.)

Because it uses the Google translation API to translate the results do not fall properly when you're too much. English-based development and when I tried ... This is also the problem are now. I'm kkado multilingual support.

신고
  1. 홍콩달팽맘 2009.09.19 16:14 신고

    와.. 생각했던 것보다는 훨씬 괜찮은데요.. ^^
    다국어로 블로그를 만들어 보는 것도 재밌겠어요!!!

    • k2man 2009.09.19 17:36 신고

      그런데... 번역 결과는 많이 허접하죠? ㅋㅋ
      설치형 워드프레스 사용하면 플러그인 하나로 해결되는데... 서비스형에 사용할 수 있는 툴을 만드는 중입니다. ^^

오래전에 블로그 번역 기능을 만들어서 제공하려고 했었는데요... 이런 저런 일로 자꾸만 뒤로 미루게 되었었습니다.

오늘 드디어 블로그 번역 기능을 (많이 모자라지만) 공개합니다. 사실 며칠동안 뚝딱 만든 것이여서 앞으로 개선해야 할 점이 많습니다. (개선해야 할 점이 눈에 마구 보입니다.)

주소는... http://autopost.k2man.com  입니다. 기존 웹툴즈(http://webtools.kr) 메뉴에도 링크를 만들었습니다. (웹툴즈의 사용하지 않는 것들은 최대한 줄일 예정입니다. 그리고 회원가입이 필요한 부분도 최대한 줄일 것이구요.)

1. 먼저 번역된 결과가 저장될 빈 블로그가 하나 필요합니다. (현재 티스토리, 텍스트큐브닷컴, 워드프레스닷컴만 테스트한 상태입니다.) 티스토리나 텍스트큐브닷컴에서 블로그 하나 더 만드시면 됩니다.

2. 블로그 API주소와 로그인 정보를 입력합니다. 들어가 보시면 아래 그림처럼 2개의 정보입력창이 나오는데, 왼쪽에는 원본블로그 정보를, 오른쪽에는 번역 결과가 저장될 블로그 정보를 입력하시면 됩니다.

3. 모든 정보를 입력하시면 블로그를 선택할 수 있습니다. (여러 개의 블로그를 하나의 아이디로 관리되는 경우가 많기 때문에 블로그를 선택해야 합니다.)

4. 블로그 선택까지 마치면 아래 화면과 같이 나옵니다.

왼쪽에서 작업할 포스트를 선택하고, 오른쪽에서 작업을 합니다.

"Now Copy"는 번역하지 않고 단순히 복사해 줍니다. (개인적으로 필요해서...) 여러 개의 블로그 글을 한 블로그로 옮기기 위한 용도로 만들었습니다.

"Now Translate"는 번역을 위한 버튼인데, 사전에 "Split Code"와 "Language"를 선택해 줘야 합니다. "Split Code"는 구글API가 장문을 지원하지 않기 때문에 편법으로 필요한 것입니다. 블로그에서 엔터를 쳤을 때, P태그가 들어 가는지 BR태그가 들어가는지에 따라서 선택해야 합니다. (어렵다면 하나씩 테스트해 보세요. 번역율이 높은 것을 선택하시면 됩니다.)

아직 부족한 부분이 너무 많습니다.

회원가입을 하지 않고자 했더니, 매 번 블로그 정보를 입력하는 것도 번거롭네요. 아주 간단한 회원가입을 할까도 고민중입니다.

네이버 블로그의 경우에도 잘 안되더군요. 여튼 여러 블로그 서비스들을 테스트하면서 고쳐야 할 듯합니다. 특히나 티스토리의 경우는 이미지 등을 별도 코드로 저장하기 때문에 변환도 필요하구요.(현재 이미지는 변환하지만, 좀 더 세밀한 작업이 필요합니다.)

구글 번역 API를 사용하기 때문에 번역 결과가 제대로 넘어오지 않는 경우도 많이 생기네요. 영어 기반으로 개발하려고 했더니... 이 것도 문제가 있구요. 다국어를 지원할 까도 생각중입니다.

여튼 부족하지만 많이 사용해 주시고, 문제점도 많이 알려주시면 고맙겠습니다. ^^

신고
  1. 나를알다 2009.09.18 20:48 신고

    헐 별 신기한게 다 있네요.. 이야 좋은정보 감사합니다.
    잘보고 갑니다!!

    • k2man 2009.09.18 21:01 신고

      예전에 만들다가 그만 포기했었는데요..
      갑자기 삘받아서 만들어 봤습니다. ^^
      방문 감사합니다.

  2. 홍콩달팽맘 2009.09.19 16:10 신고

    오.. 대단하세요~
    그런데 아직까지는 자동번역기는 좀 매끄럽지 못하게 번역해서 전혀 엉뚱한 내용이 되기도 하는 것 같아요. ^^ ㅎㅎ

    • k2man 2009.09.19 17:38 신고

      그렇죠.. 매우 난해한 번역결과를 내놓습니다. ㅋㅋ
      그래도 일본어 정도는 무난하게 사용할 수 있을 것 같네요.
      설치형 워드프레스 사용하는 외국 블로거 때문에 가끔 검색하면서 낚이기도 하죠.. ㅋㅋ
      그래도 영어권 방문자도 높은 편이고..(제가 설치형 워드프레스 써본 경험으로..) 애드센스도 외국 사례를 제재하는 것은 본 적이 없기 때문에 수익 창출을 위한 방법으로도 괜찮다고 봅니다. ^^

  3. 카리스턱 2009.09.25 17:50 신고

    와우~ +_+ b

    또한번 깜짝 놀라고 갑니다. 블로그 옮길때도 유용하겠군요.

    • k2man 2009.11.17 12:23 신고

      블로그 옮길 수도 있도록 하려구요.
      지금은 첨부파일은 원래 블로그의 정보를 링크하는 형태라 문제가 있을 수 있습니다.

  4. 마래바 2009.10.06 20:11 신고

    와우~~~
    영어 블로그 하나 운영해 보려는데, 굉장히 유용하겠습니다.
    근데 번역 품질이.... 흠....

    • k2man 2009.11.17 12:22 신고

      품질이 영 아니죠.
      구글 번역기를 이용했는데, 어쩔 수 없나 봅니다.
      일어로 번역을 제외하고는...

  5. 마래바 2009.10.13 03:55 신고

    참, 구글 블로거(blogspot.com)로는 변환이 안되나요?
    제공하는 api 가 없는 것 같기도 하지만...

    • k2man 2009.11.17 12:22 신고

      블로거는 아직 안되네요.
      API가 바뀌어서 그런데요...

      12월경에 구글 인증과 연동해서 제공할 예정입니다.

  6. 2009.11.10 12:55

    비밀댓글입니다

    • k2man 2009.11.17 12:21 신고

      최근에 개발을 하지 못했네요..
      연말쯤에나 제대로 될 것 같습니다.

      회원가입을 배제하려고 했는데, 간단하게나마 회원가입을 통해서 블로그 정보를 관리해야 할 것 같네요...

  7. 세미예 2010.01.09 18:47 신고

    잘 안되는군요. 왼쪽 작성후 sumit누르니 아무것도 안뜨는군요.

    • k2man 2010.01.21 01:20 신고

      아직 문제가 많습니다.
      대폭 고치려고 하는데... 여전히 바쁘네요.
      에공~ 죄송합니다. ^^;

웹툴즈의 몇몇 기능을 사용하고 계신분들께 정말 죄송합니다.

어제 밤부터 서버에 문제가 생겨서 점검 중입니다.

OS를 새로 세팅해야 할 것 같네요.

빠른 시간안에 완료하겠습니다. 정말 죄송합니다.

늦어도 오늘 내에는 다시 재가동 될 수 있도록 하겠습니다.

신고

정말 오랫만에 웹툴즈에 기능을 추가하네요. 이 번에도 역시나 허접하지만 필요하신 분들에게는 도움이 되리라 믿고 공개합니다. ^^;

제 블로그 좌측에 보면 스크롤되는 추천배너를 보실 수 있습니다.

자바스크립트를 이용해서 티스토리에서 가능하도록 만들어보고자 했지만, 다음 뷰 ID값을 가져오기가 어렵더군요. (보안상 이유로 자바스크립트로 다른 도메인의 파일을 읽어 올 수가 없더군요. 해결방법은 있겠지만, 일단 패스했습니다.)

제 서버에서 PHP로 추천배너를 출력해주고, IFRAME을 이용해서 가져올 수 있도록 만들었습니다.

IFRAME코드 생성

우선 웹툴즈의 '내 링크정보' => '블로그 추천배너'(http://webtools.kr/mylink7)로 이동 합니다.

'믹시 MUID'값을 넣어 줘야 합니다.

http://mixsh.com/widget/mixup/index.html 에서 설치코드를 뽑아 냅니다.

만들어진 코드에서 아래 보이는 빨간색 숫자가 MUID입니다.

<script type='text/javascript'>document.write("<scr"+"ipt type='text/javascript' src='http://www.mixsh.com/widget/mixup/loader.js?muid=65679&guid=http://"+document.domain+"/[##_article_rep_id_##]&rdate="+escape("[##_article_rep_date_##]")+"&rawhtml=&skin=1&showhitcnt=1&platform=1'></scr"+"ipt>");</script>

 

RSS피드주소를 넣습니다.

한RSS와 연결시키기 위해서 RSS주소를 넣어주세요. 단 http:// 는 제외하고 넣어 주세요.

마지막으로 'HTML코드 생성'버튼을 누르면 IFRAME코드가 생성됩니다. 이 코드를 자신의 블로그 스킨에 추가하면 됩니다.

 

 

스크롤 적용하기

스크롤로 하시던 다른 방법을 사용하시던 무관합니다. 그리고 스크롤 소스는 인터넷에서 검색하시면 무지 많으니, 자신이 원하는 것으로 사용하시면 됩니다.

티스토리의 스킨을 편집합니다.

아래코드를 </head>태그 바로 앞에다가 집어 넣습니다.

※ 아래 스크롤 소스는 티스토리 스킨 중 '설레는 마음 -초록빛'의 코드를 사용했습니다.

아래코드 중 document.body.clientWidth/2 - 990/2; 부분은 (제 블로그의 경우) 가운데 정렬이기 때문에 브라우저 창 크기에 따라 좌측 여백을 변화시키기 위한 부분입니다. 자신의 스킨크기나 정렬방식에 따라 바꿔주세요.

<script type="text/javascript">
    <!--
        var stmnLEFT = 0; // 사용 안함
        var stmnGAP1 = 330; // 위쪽 여백
        var stmnGAP2 = 330; // 스크롤시 브라우저 위쪽과 떨어지는 거리
        var stmnBASE = 300; // 스크롤 시작위치

        var stmnActivateSpeed = 35;
        var stmnScrollSpeed = 20;
        var stmnTimer;
        function RefreshStaticMenu() {
            var stmnStartPoint, stmnEndPoint;
            stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
            stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
            if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
            if (stmnStartPoint != stmnEndPoint) {
                stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
                document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
                stmnRefreshTimer = stmnScrollSpeed;
            }
            stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
        }
        function InitializeStaticMenu() {
            document.getElementById('STATICMENU').style.left = document.body.clientWidth/2 - 990/2; // 왼쪽 여백입니다. 필요한 방법으로 하세요.
            document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
            RefreshStaticMenu();
        }
    //-->
</script>

 

<body>태그 수정

<body>태그는 아래와 같이 onload="InitializeStaticMenu();" 를 추가합니다.

<body onload="InitializeStaticMenu();">

 

</body>태그 앞에 추가

아래 코드를 가장 마지막 근처에 있는 </body>태그 바로 앞에다가 집어 넣어 주세요.

단, 빨간색 부분은 웹툴즈에서 생성한 코드를 넣어야 합니다.

<div name="STATICMENU" id="STATICMENU" style="padding:0; margin:0; position:absolute; z-index:1; left:10px; top:300px;">
    <iframe name='votefame' id='voteframe' src='http://widget.webtools.kr/vote.php?muid=65679&feed=http://feeds2.feedburner.com/k2mancom' width='67' height='280' border='0' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true'></iframe>
</div>

 

문제점 및 개선해야 할 점

- 스크롤 코드가 불여우에서는 제대로 동작하지 않는 것 같습니다.

- 올블, 블코 등 여러 서비스에 대한 링크를 선택해서 만들 수 있도록 해야 할 것 같네요.

- 궁극적으로 자바스크립트 만으로 동작하도록 하는 것이 좋을 것 같습니다. 이 방법은 너무 무식해서리~~

신고
  1. Krang 2009.07.22 00:08 신고

    와 이것 좀 멋진데요.!
    스크랩해 두었다가 나중에 응용해봐야겠습니다.
    좋은 정보 감사합니다. ^^

    • k2man 2009.07.22 18:05 신고

      Krang님 감사합니다. ^^
      한 분이라도 쓸모가 있어서 다행입니다. ㅋㅋ

  2. sourcekiki 2009.07.26 16:55 신고

    와 신기하네요 ㅋ 시간나면 한번 적용 해봐야겠어요 한번 읽어서는 잘 모르겠어요 ㄷㄷ ㅋ
    좋은 기능 알려 주셔서 감사해용~~//

    • k2man 2009.07.27 15:01 신고

      부족한데 방문해 주시고 감사합니다. ^^

오랫만에 포스팅 하는 것 같습니다. 갑자기 XE용 모듈 개발하는게 재밌어지는 바람에 블로그에 소홀했네요…

보름째 혼자 테스트하고 있는데, 이제는 오픈을 해볼까 합니다.

웹툴즈 홈페이지에서 오픈캐스트 위젯(?), 광고 및 배너 공유 등 몇 가지를 오픈했는데요.. 오늘은 번역 메타사이트입니다.

기존 메타사이트와 다른 점은 국내 트래픽이 아니라 해외 트래픽 유치를 위한 메타사이트입니다.

 

워드프레스 플러그인

가끔 구글에서 검색을 해보면, 한국어로 번역된 사이트로 들어가는 것을 볼 수 있습니다. 이런 것들은 대부분 구글 번역 결과를 캐싱해서 제공해주는 워드프레스 플러그인을 이용한 것입니다.

제 블로그에도 보시면 오른편에 만국기가 있는데요… 이게 그 놈입니다.

이게 의외로 트래픽을 많이 발생시킵니다. 지금은 도메인을 변경해버려서 많이 줄기는 했지만, 지금도 하루 방문자의 25% 정도를 차지합니다. 도메인 변경 전에는 50%까지도 갔었죠.

하지만 티스토리 같은 가입형의 경우에는 사용할 방법이 없습니다. 그저 검색하는 사람이 알아서 번역해서 봐주길 기대하는 수밖에 없죠.

 

웹툴즈 라이브와 I-VIL.COM

웹툴즈 홈페이지( http://webtools.kr )에 보시면 “웹툴즈 라이브” ( http://webtools.kr/live ) 메뉴가 있습니다. 이 곳의 우측에서 자신의 RSS주소를 등록할 수 있습니다.

image

글 수집은 현재 1시간마다 수집하고 있습니다.

이렇게 수집된 글은 24시간 이내에 35개 언어로 번역되어 http://i-vil.com 에 반영됩니다.

RSS등록 사이트와 서비스 사이트가 다른 것은 해외 사용자들의 편리함을 고려했습니다.

번역결과를 모두 캐싱하지 않고, 글의 앞 부분 일부와 제목, 태그만 번역하게 됩니다. 그리고 이 번역 결과와 함께, 실시간으로 번역해서 보여주게 됩니다.

검색에 노출되는 글의 양은 적지만, 구글 크롤러에 최적화시켰습니다. 효과를 분석해서 좀더 개선을 하려고 합니다.

image

 

애드센스 수익증가

제 경우에는 워드프레스 플러그인을 이용해서 수익이 꽤 있었습니다. 아시다시피 외국어 애드센스 광고가 광고단가가 괜찮은 편이니까요.

현재는 글의 일부만 번역한 결과로 얼마나 많은 검색 노출을 가져올 수 있을지는 확신하지 못하겠습니다.

번역된 후 1~2개월 후부터 효과가 있을 것으로 예상하고 있고, 결과를 보며 좀 더 개선해 보고자 합니다.

신고

개선 사항

- URL이 많을때 여러 개의 XML문서로 나눠주는 옵션 (기본적으로 3개가 생성됨)

- 0.1의 가장 큰 문제였던, XE설치 디렉토리에 파일을 생성하는 문제를 FTP를 이용해서 해결 (files/xmlsitemap 디렉토리에 생성하고, FTP를 이용해서 XE의 기본 디렉토리로 복사)
=> 즉, 0.1때처럼 XE디렉토리에 파일을 생성할 필요가 없습니다.

- dbinfo에 URL을 입력하지 않은 경우 생기는 문제 수정

- file_put_contents 함수로 인해 php버전이 낮은 경우 생기는 문제 수정

- 날짜 오류 수정

- 메모리 부족으로 인한 문제 => 다양한 환경에서 테스트를 하지는 못했지만, XML문서당 URL수를 낮추면 해결이 될 수도 있어 보입니다. 이 문제가 발생하신 분의 피드백 부탁드립니다. ^^;;

추가 옵션

- FTP이용 복사 - 기본적으로 files/xmlsitemap 디렉토리에 xml문서를 생성하게 됩니다. 이 옵션을 체크해 주게 되면, FTP를 이용해서 XE 설치 디렉토리로 복사해 줍니다. Setting에 FTP정보를 정상적으로 입력한 경우에만 사용할 수 있습니다. 이 옵션을 사용하지 않거나 동작이 안되면, 수작업으로 복사해줘야 합니다.

- XML문서당 URL수 - 0.1과 달리 기본적으로 3개 이상의 XML문서가 생성됩니다.

sitemap.xml - Sitemap Index XML문서입니다. 구글 웹마스터 도구에는 이 문서만 등록하면 됩니다. (sitemap.xml.gz 로 등록할 것을 권장합니다.)

sitemaplist.xml - 메인화면, 페이지, 게시판목록 URL이 저장됩니다.

sitemap1.xml ~ - XML문서당 URL수에 따라 여러 개가 생성될 수 있습니다. 게시판 글 하나 하나의 URL이 생성됩니다.

추후 업데이트

- 게시판 목록의 각 페이지별 URL이 누락되는 문제

- liveXE 등의 별도 모듈에 해당하는 URL 적용

- gz압축 라이브러리가 없는 경우를 대비해 옵션으로 선택할 수 있도록

문제가 생기면 댓글로 피드백 부탁드립니다. 다양한 환경에서 테스트 할 수 있는 처지가 못되니 부탁드립니다. ^^;;

이 모듈은 http://webtools.kr/xe_list 에서 배포됩니다. ^^

image

신고

어제 올린 부분에서 조금 수정하고 기능을 추가했습니다.

수정사항

1. INPUT 폼을 TEXT로 했던 것을 TEXTAREA로 바꿔서 조금 장문의 경우에도 보기 좋도록..
2. 데이터를 주고 받을 때 태그를 지워버리던 것을 그대로 살림 => 여러 줄로 표현 된 원문 글 형태를 살림

 

기능추가

1. 함께표시 기능
- 사용안함 / 원문(번역문) / 번역문(원문) 형태를 선택해서 입력
- 기본 값은 사용안함
- 아래 이미지를 참조하세요.

 

테스트

테스트는 http://webtools.kr/xe_test 에서 글 쓰기 하시면 됩니다.

image

신고

많이 허접하고, 개선해야 할 점도 많지만 공개하겠습니다. ^^;;

http://webtools.kr/xe_list/1463 에서 다운로드 받으실 수 있습니다.

구글, 야후 등의 검색엔진 크롤러가 참고할수 있는 Sitemap XML 파일 생성 모듈입니다.

구글 웹마스터 도구 https://www.google.com/webmasters/tools/ 에 XML파일을 등록하면, 구글에서 얼마나 크롤링하고 있는지 상태를 확인할 수 있습니다.

Sitemap XML에 대한 자세한 내용은 http://www.sitemaps.org/ko/ 에 자세히 나와 있습니다.

주로 검색엔진에 정확한 사이트 정보를 알려줘서 검색엔진에 최대한 반영시키기 위해 사용합니다.

설치방법

1. xmlsitemap.zip 파일을 압축 풀어서 XE경로/modules 폴더에 업로드 하시면 됩니다.

2. XE가 설치된 디렉토리에 sitemap.xml 과 sitemap.xml.gz 파일 두 개를 만들고, 707 권한을 줍니다. (files디렉토리를 이용하면 이런 절차가 필요 없겠지만, Sitemap XML 규칙상 최상위 디렉토리에 있어야 합니다.)

- sitemap.xml 파일은 일반적인 텍스트파일이고, sitemap.xml.gz 파일은 sitemap.xml 을 압축한 것입니다. 트래픽 등을 감안해서 sitemap.xml.gz 파일을 이용하시는 것이 좋습니다.

설치가 완료되면 아래처럼, '부가 기능 설정' 하위에 'XML-Sitemap' 메뉴가 생성됩니다.

image

옵션 몇 가지

검색엔진 통보

'Google 에 업데이트를 통보합니다.' 는 Sitemap을 생성하고, 이 위치를 즉시 Google에 통보하는 것입니다. 위에서 말씀드린 웹마스터 도구에서 등록하는 것과는 별개입니다. (웹마스터 도구를 이용하면 통보뿐만 아니라, 통계를 볼 수 있다는 장점이 있습니다.)

나머지 3개도 마찬가지인데, Yahoo의 경우에는 API Key를 필요로 합니다. 기존에 야후 API Key가 있다면 그 것을 이용하셔도 됩니다.

sitemap.xml.gz 의 경로를 전송하게 됩니다.

업데이트 주기

이 페이지는 대략 이 기간마다 업데이트 된다는 의미입니다.

주의 할 것은 이 것을 무조건 자주되도록 설정해도 크롤러가 그 만큼 크롤링 해주지는 않습니다. 그냥 참고사항일 뿐입니다.

중요도

사이트 내에서의 중요도를 수치로 비교하는 것입니다.

무조건 높다고 좋은 것은 아닙니다. 그리고 이 수치를 높게 하더라도 검색 결과에서 상위에 위치하지 않습니다. 그냥 이 사이트 내에서의 중요도를 나타내는 지표입니다.

image

문제점

좀 더 고민 후에 공개하려고 했으나, 한 가지 문제 때문에 미칠 것 같아서 일단 공개합니다. ㅜㅜ;;

'XML 파일 생성' 버튼을 클릭하게 되면, 에러가 뜰겁니다. (생성된 sitemap.xml 내용이 뜹니다.)

files 디렉토리를 이용했을 때는 문제가 없지만, XE 최상위 디렉토리에 쓸 경우에는 꼭 에러메시지가 떠야만 기록이 되네요. 아직 이 이유를 찾지 못했습니다.

xmlsitemap.admin.controller.php 의 113번째 줄인 echo FileHandler::readFile($filename); 를 주석처리해서 sitemap.xml 파일이 정상적으로 작성되는지 확인 부탁드립니다. 제 서버의 특성인지 XE에서 차단되는 것인지 제 능력으론 알수가 없네요...

차후

1. 일단 위에서 말씀 드린 문제점을 해결해야 할 것 같습니다.

2. Sitemap XML의 제약 사항 중 용량이 10MB를 넘지 말아야 하고, URL이 50,000개를 넘지 말아야 합니다. 아직 이 제약 사항을 만났을 때 파일을 여러 개로 만들어 주는 기능을 만들지 못했습니다.

즉, 현재는 게시글이 50,000개에 육박하는 사이트의 경우에는 사용이 어렵습니다. 이 문제는 다음 버전에서 바로 해결하겠습니다. (XML파일은 만들어지지만, 50,000개까지만 인식하는 것 같습니다.)

3. 현재는 게시판, 페이지, 방명록, 외부페이지, 블로그 의 경우에만 URL을 만들어 줍니다. 다른 모듈의 경우도 추가하도록 하겠습니다.

신고

요즘 이런 저런 다른 일을 하다보니 블로그에 소홀하게 되네요. ^^;

오늘은 간단한 XE 에디터 컴포넌트를 만들어 봤습니다.

아래 실행화면을 보시면 알겠지만 사용법은 간단합니다.

XE의 에디터에서 글을 작성하다가, 번역하고 싶은 문장을 블럭잡고 “구글 번역”을 클릭하면 됩니다.

그러면 아래처럼 대화창이 뜨는데, 여기서 원하는 언어를 선택하면 자동번역됩니다.

마지막으로 “추가”버튼을 누르면, 번역된 문장으로 대체됩니다. 간단하죠? ^^

테스트는 http://webtools.kr/xe_test 에서 직접 해보실 수 있습니다. 다운로드는 http://webtools.kr/xe_list 에서 하시면 됩니다.

설치는 여타 XE 에디터 컴포넌트와 같습니다.

XE설치경로/modules/editor/components 디렉토리에 압축을 풀어서 올리고, 관리자 페이지의 기능설정 > 위지윅 에디터에서 활성화시켜 주면 됩니다.

image

신고

허접하게 만들었지만 소스를 공개하겠습니다.

각 캐스트 게시판에 있는 발행 정보([No1.어쩌고저쩌고…]발행했습니다.)만 읽어와서 RSS로 만들어 줍니다. 캐스트노트의 일부도 함께 가져옵니다.

RSS본문에 추가적으로 내용을 덧붙이시려면,

<description><?=$newnote[$i][1]?></description>

<description>태그 사이에 필요한 내용을 채워 넣으면 됩니다. 태그 입력시 < 는 &lt; , > 는 &gt; 로 넣으시면 됩니다.

만약 아래 파일을 opencast.php 라고 저장했다면 opencast.php?id=KK244 형태로 호출해야 합니다.

50여개 캐스트 정도를 테스트했는데, 특별한 경우를 제외하고는 대부분 잘 작동합니다.

(소스가 많이 허접하죠? ㅋㅋ 몇 년만에 PHP해보니 힘드네요… ^^)

 

<?php
    // -------- 정보 추출기 -----------

    // 게시판 파일을 불러옴
    $opencast_id = $_GET['id'];
    $opencast_url = "http://opencast.naver.com/" . $opencast_id;

    $fp = fopen($opencast_url,"r");
    $content = "";
    while( !feof($fp) ){
            $buffer = fgets($fp,4096);
            $content .= $buffer;
    }
    fclose($fp);

    // 캐스트 제목, 캐스터, 메시지 추출
    preg_match("/<a href=\"\/.....\">(.*)<\/a><\/h1>/", $content, $title);
    preg_match("/<div class=\"cast_message\">(.*)/", $content, $message);
    preg_match("/<a href=\"\/(.*)\" class=\"caster_id\"/", $content, $caster);
    $message[1] = str_replace("</div>", "", $message[1]);

    // 게시판 파일을 불러옴
    $bbs_url = "http://bbs.opencast.naver.com/nboard2/list.nhn?n2_boardId=1000003444&n2_templateObjectId=" . $opencast_id . "&n2_volume=0";

    $fp = fopen($bbs_url,"r");
    $content = "";
    while( !feof($fp) ){
            $buffer = fgets($fp,4096);
            $content .= $buffer;
    }
    fclose($fp);

    // 글 목록과 날짜 추출
    preg_match_all("/\".*\"[,\n]/", $content, $list);
    preg_match_all("/<em class=\"date\">(.*)<\/em>/", $content, $date);

    // 가장 하단의 제목 추출
    preg_match_all("/\"\[No.*\"/", $content, $first);
    preg_match("/\[No(.*)\]/",  $first[0][sizeof($first[0])-1], $first_subject);

    // 날짜 배열크기 구함
    $size = sizeof($date[0]);

    // 날짜 순서에 맞게 재배치
    for ($i=0; $i<$size; $i++) {
        $newdate[$i] = $date[1][$i];
        preg_match("/\[No(.*)\]/", $list[0][$i+$size+1], $newsubject[$i]);
        preg_match("/\"(.*)\"/", $list[0][$i+1], $newnote[$i]);
    }

    // 가장 하단 제목 적용
    $newsubject[$i-1] = $first_subject;

    // -------- RSS 생성기 -----------

    // 캐스트 제목 $title[1]
    // 캐스트 설명 $message[1]
    // 발행일 $newdate[..]
    // 글 제목 $newsubject[..][1]
    // 글 내용 $newnote[..][1]

    echo "<?xml version=\"1.0\" encoding=\"UTF-8\"?>";
?>

<rss version="2.0">
    <channel>
        <title><?=$title[1]?></title>
        <link><?=$opencast_url?></link>
        <description><?=$message[1]?></description>
        <language>ko</language>
        <pubDate><?php echo date("D, d M Y H:i:s O", time()); ?></pubDate>
        <generator>Webtools Beta1(http://webtools.kr/)</generator>
<?php
    $cast_index = 30000;
    for ($i = 0; $i <= sizeof($newsubject); $i++) {
        // 제목이 유효한 발행일 경우만
        if($newsubject[$i][1]) {
            // 발행일 계산
            $date_temp = explode(".", $newdate[$i]);
            $date_stamp = mktime(0, 0, 0, $date_temp[1], $date_temp[2], $date_temp[0]+2000);

            //발행번호 추출
            $no_temp = explode(" ", $newsubject[$i][1]);
            $cast_no = explode(".", $no_temp[0]);

            if($cast_index > $cast_no[1]) { // 캐스트 번호가 순차적으로 감소하는지 검사
                $cast_index = $cast_no[1]; // 캐스트 번호가 순차적으로 감소하는지 검사하기 위한 변수

                //본문내용 태그 문자 변환, 아래와 순서 조심
                $newnote[$i][1] = str_replace(array('&', '<', '>', '"', "'"), array('&amp;', '&lt;', '&gt;', '&quot;', '&apos;'), $newnote[$i][1]);

                //본문내용 \n문자를 <br />로 변환
                $newnote[$i][1] = str_replace('\\n', '&lt;br /&gt;', $newnote[$i][1]);

                //제목의 따옴표 변환
                $newsubject[$i][1] = str_replace(array("\\'", '\\"'), array("'", '"'), $newsubject[$i][1]);
?>
        <item>
            <title>No<?=$newsubject[$i][1]?></title>
            <link><?php echo $opencast_url . "/" . $cast_no[1]; ?></link>
            <description><?=$newnote[$i][1]?></description>
            <author><?=$caster[1]?></author>
            <guid><?php echo $opencast_url . "/" . $cast_no[1]; ?></guid>
            <pubDate><?php echo date("D, d M Y H:i:s O", $date_stamp); ?></pubDate>
        </item>
<?php
            }
        }
    }
?>
    </channel>
</rss>

신고

웹툴즈에서 몇 가지를 만들어 봤는데요… 트래픽 부담도 있고 해서, 필요하신 분들은 직접 설치해서 쓰시라고 소스를 공개합니다.

PHP가 어려우신 분께서는 아래의 삽입코드는 그대로 이용하셔도 무방합니다. 좀 더 다양한 기능 (통계분석, 이웃관리, 랜덤, 이웃랜덤 등)을 이용하시려면 웹툴즈 홈페이지에서 회원 가입 후 이용하셔야 합니다. (DB와 연결되는 부분이라 어쩔 수 없네요.)

간단히 HTML로만 이루어진 소스는 며칠 전에 공개했으니, 그 것을 이용하시면 됩니다.

RSS로 구독을 원하시면 며칠 전 공개한 RSS구독 PHP소스를 이용하시면 됩니다.

아래 코드는 웹툴즈에서 제공하고 있는 부분 중 회원가입이 필요하진 않은 부분만 추린 소스입니다.

삽입코드

<iframe name='opencastframe' id='opencastframe' src='http://opencast.netne.net/embed.php?opencast_id=KK244&opencast_index=3&is_header=1&is_footer=1&is_feed=1&opencast_feed=opencast.netne.net/feed.php?id=KK244' width='475 height='336' border='0' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true'></iframe>

옵션 설명

http://opencast.netne.net/embed.php embed.php의 도메인을 포함한 전체 경로
opencast_id=KK244 필수, 오픈캐스트의 캐스트 채널 아이디
opencast_index=3 생략하면 최신 발행, 발행번호
is_header=1 상단에 캐스트 채널 보일지 여부, 0 또는 생략하면 안보임
is_footer=1 하단에 구독링크 보일지 여부, 0 또는 생략하면 안보임
is_feed=1 하단에 rss 구독링크 보일지 여부, 0 또는 생략하면 안보임, is_footer=1 일 때만 보임
opencast_feed= feed링크에 연결할 주소, 블로그 RSS링크로 바꿔도 됨. 앞서 공개한 RSS PHP파일 경로를 이용. http://를 붙이지 말 것.

만약 is_feed=1 인데, opencast_feed를 생략하면 기본 RSS주소로 링크됩니다. 기본 링크 주소를 바꾸시려면 embed.php의 13번 줄을 변경하시면 됩니다.

view.php

오픈캐스트의 캐스트보드 부분만을 가져오는 IFRAME 소스

view.php?opencast_id=KK244 또는
view.php?opencast_id=KK244&opencast_index=3 형태로 불러오면, 캐스트보드만 가져옴.

캐스트보드만 보여주기 원하면 이 소스만 이용하면 됨.

<?php
// GET변수 가져옴
$opencast_id = $_GET['opencast_id'];
$opencast_index = $_GET['opencast_index'];

$opencast_url = "http://opencast.naver.com/" . $opencast_id;

if ($opencast_index)
$opencast_url .= "/" . $opencast_index;
?>

<body topmargin="0" leftmargin="0" style="background-color:transparent">
<div style="position:absolute; width:475; height:275; left:-263px; top:-127px;">
<iframe name='opencast' id='opencast' src='<?=$opencast_url?>' width='738' height='402' border='0' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true'></iframe>
</div>
</body>

embed.php

상단 제목과 하단 구독링크를 만들기 위해서 확장한 것임.

파란색으로 된 줄은 자신의 홈페이지 등으로 링크해서 쓰세요 .

3개의 이미지 파일이 필요합니다. 각 이미지는 embed.php이 있는 디렉토리 하단에 images 디렉토리를 만들어서 업로드 합니다.

<?php
// GET변수 가져옴
$opencast_id = $_GET['opencast_id'];
$opencast_index = $_GET['opencast_index'];
$is_header = $_GET['is_header'];
$is_footer = $_GET['is_footer'];
$opencast_feed = $_GET['opencast_feed'];
$is_feed = $_GET['is_feed'];

$opencast_url = "http://opencast.naver.com/" . $opencast_id;

if ($is_feed && !$opencast_feed)
$opencast_feed = "opencast.netne.net/feed.php?id=" . $opencast_id;

$fp = fopen($opencast_url,"r");
$content = "";
while( !feof($fp) ){
$buffer = fgets($fp,4096);
$content .= $buffer;
}
fclose($fp);

preg_match("/<h1>.*<\/h1>/", $content, $matches);

echo "<p>";
if( $matches[0] == ""){
$ch_link = "";
} else {
$ch_link = $matches[0];
$ch_link = str_replace("a href=\"/", "a target=\"_blank\" href=\"http://opencast.naver.com/", $ch_link);
}

$footer_top = 318;
if (!$is_header)
$footer_top -= 37;
?>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
a:link    {color:#666;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:active  {color:#333;text-decoration:none;}
a:hover  {color:#333;text-decoration:none;}

#chlink { width:100%; height:32px; background:url(images/cast_logo.gif) no-repeat 0 9px; background-color:#272e3c; }
<?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE')) { ?>
#chlink h1 { font-size: 12px; float:left; padding:9px 9px 0 27px; color:#fff; }
<?php } else { ?>
#chlink h1 { font-size: 12px; float:left; padding:2px 9px 0 27px; color:#fff; }
<?php } ?>
#chlink h1 span { position:relative; top:-1px;  margin-right:1px; padding-right:3px; font-size:11px; color:#01939c; font-family:Tahoma, sans-serif;}
#chlink h1 a { color:#fff; }

#chrssicon { position:absolute; width:100%; height:24px; background-color:#f0f0f0; font-size: 11px; font-family:Dotum; float:left; padding:4px 0 0 8px; color:#333333; left:0px; top:<?=$footer_top-6?>px;}
#chrsslink { position:absolute; width:120px; height:24px; font-size: 11px; color:#333333; font-family:Dotum; top:<?=$footer_top?>px; left:28px;}
#chrssicon2 { position:absolute; width:20px; height:24px; background-color:#f0f0f0; font-size: 11px; font-family:Dotum; float:left; padding:4px 0 0 8px; color:#333333; left:110px; top:<?=$footer_top-6?>px;}
#chrsslink2 { position:absolute; width:120px; height:24px; font-size: 11px; color:#333333; font-family:Dotum; top:<?=$footer_top?>px; left:137px;}
#chrssicon3 { position:absolute; width:20px; height:24px; background-color:#f0f0f0; font-size: 11px; font-family:Dotum; float:left; padding:4px 0 0 8px; color:#333333; left:183px; top:<?=$footer_top-6?>px;}
#chrsslink3 { position:absolute; width:120px; height:24px; font-size: 11px; color:#333333; font-family:Dotum; top:<?=$footer_top?>px; left:210px;}
#webtools { position:absolute; width:120px; height:24px; font-size: 10px; color:#333333; font-family:Tahoma, sans-serif; top:10px; left:<?php if($is_right) echo "450px;"; else echo "410px;"; ?> }
#webtools a { color:#666; }
#chhelp { position:absolute; width:220px; height:24px; font-size: 11px; color:#999999; font-family:Dotum; top:<?=$footer_top?>px; left:270px;}

#blank1 { padding:5px 0 0 0; }
</style>
</head>
<body topmargin="0" leftmargin="0" style="background-color:transparent">
<?php if ($is_header) { ?>
<div id="chlink"><?=$ch_link?></div>
<div id="webtools"><a href="http://webtools.kr" target="_blank">WEBTOOLS</a></div>
<div id="blank1"></div>
<?php } ?>
<iframe name='opencast' id='opencast' src='http://opencast.netne.net/view.php?opencast_id=<?=$opencast_id ?>&opencast_index=<?=$opencast_index?>' width='475' height='275' border='0' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true'></iframe>
<?php if ($is_footer) { ?>
<div id="chrssicon"><img src="images/cast_link1.gif"></div>
<div id="chrsslink"><a href="<?=$opencast_url?>?action=subscribe" target="_blank">네이버에서 구독</a></div>
<?php if ($is_feed == 1) { // 피드출력 옵션이 체크된 경우만 RSS링크 출력 ?>
<div id="chrssicon2"><img src="images/cast_link2.gif"></div>
<div id="chrsslink2"><a href="http://www.hanrss.com/add_sub.qst?url=http://<?=$opencast_feed?>" target="_blank">HanRSS</a></div>
<div id="chrssicon3"><img src="images/cast_link2.gif"></div>
<div id="chrsslink3"><a href="http://<?=$opencast_feed?>" target="_blank">RSS</a></div>
<?php } ?>
<div id="chhelp">마우스를 올려놓고 휠을 사용해 보세요.</div>
<?php } ?>
</body>
</html>

신고
  1. 2009.07.27 14:27

    비밀댓글입니다

    • k2man 2009.07.27 15:00 신고

      위에 소스는 단순히 네이버 오픈캐스트를 IFRAME으로 가져오기 위한 소스입니다.
      말씀하신 것을 하려면 플래시를 따로 공부하셔야 할 것으로 보입니다.
      도움이 못되어 죄송하네요. ^^;

  2. 2009.07.27 18:53

    비밀댓글입니다

오픈캐스트를 블로그에 넣기 위한 간단한 프로그램(?)을 만들었다가, 이제는 덩치가 너무 커지는 것 같습니다. 이 것을 마지막으로 더 이상 버그 수정 외에 업그레이드는 없을 듯 합니다.

오픈캐스트를 블로그에 넣기 위한 방법, 이전 글을 안보신 분께서는 오른쪽에 있는 이전 글을 참고 하세요.. ^^;; 웹툴즈 홈페이지를 방문하셔서 옵션을 바꾸면서 해보시면 쉽게 이해가 되실 겁니다.

오늘 소개해 드릴 기능은 이웃 맺기와 랜덤 보여주기 기능입니다.

먼저 실행 화면을 보시죠.. ^^

이웃 기능

우선 오른쪽에 “이웃” 링크가 생겼습니다.

옵션 중에 아래처럼 노출 여부를 선택할 수 있습니다. 이웃 캐스터 등록은 웹툴즈 홈페이지에서 커뮤니티 > 캐스트 이웃 게시판에서 글을 스크랩하면 됩니다.

자신의 캐스트를 다른 사람이 선택하기 위해서는 이 게시판에 먼저 글을 작성해 주셔야 합니다.

image

랜덤 출력

위에 적용한 것은 내 캐스트 노출 비율을 30%로 했습니다. 즉, 내 캐스트를 30% 노출하고, 나머지 70%는 다른 사람의 것 중 랜덤하게 노출 하는 것입니다.

랜덤 출력을 사용함으로 했을 경우에는 통계 데이터에서 찾아 랜덤하게 보여 줍니다.

단, 조건이 있는데요… 통계 데이터 기록은 로그인 후에 HTML코드를 생성해서 사용하신 분만 기록됩니다. 즉, 로그인 후에 HTML코드를 생성하신 분의 캐스트보드만 랜덤하게 노출됩니다. (처음에는 모두 통계데이터를 기록했는데, DB용량이 너무 커지는 것 같아서 어쩔 수 없었습니다.)

다른 방법으로 이웃 캐스터만 랜덤하게 노출되는 옵션도 있습니다. 이 경우는 이웃 캐스터로 등록한 분들의 캐스트보드를 랜덤하게 보여줍니다.

image

제가 또 너무 어렵게 포스팅 했는지 모르겠네요…

저도 제가 쓴 글을 읽다가 다른 분이 소개한 글을 읽으면 머리에 쏙쏙 들어오더라구요~~

여하튼, 이 쯤으로 더 이상의 기능추가는 그만하려고 합니다.

많이 이용해 주세요… http://webtools.kr 에서 가져가시면 됩니다.

신고

현재는 웹툴즈로 바뀌었지만, 최초로 계획했던 애드퍼블릭의 기능이 완성(?)되었습니다. (오해의 소지가… 웹툴즈는 새로운 기능들을 계속 추가합니다. ^^;;)

image

 

애드센스형, 배너형, 리본형

image

애드퍼블릭을 기획할 때, 이 세가지 기능을 만들 생각이였습니다.

뭐하는 거냐면 블로그 간에 서로 광고를 해주자는 것이였죠. 그러니까 상부상조하는 방법 정도가 되겠네요.

애드센스형

먼저 애드센스형은 애드센스의 공익광고가 나올 때, 다른 광고를 출력해 주자는 것입니다. 어차피 애드센스는 공간을 차지하고 있는데, 공익광고가 나오거나 빈 공간으로 나오면 블로그의 모양도 이상해 지는 경향이 있죠.

이럴 때, 이 공간에 이웃 블로그나 다른 공익광고(예를 들면 미디어법 반대 같은..)를 쉽게 넣을 수 있으면 좋겠다는 것입니다.

배너형

배너형은 블로그에 고정적인 위치에 배너를 삽입하는 겁니다. 배너를 바꾸기 위해서 매 번 스킨을 들여다 봐야 하는 일이 짜증날 때도 있죠.

그래서 처음 한 번만 스킨에 삽입해 주면 웹툴즈 홈페이지에서 스크랩만 바꾸면서 배너를 바꿀 수 있게 만들었습니다.

물론 애드센스형도 스크랩만 바꾸면 노출되는 광고가 바뀝니다.

리본형

블로그의 제일 상단 좌측이나 우측에 대각선 모양의 광고를 말합니다.

예전에 독도나 우토로마을 같은 광고가 있었죠. 이런 광고도 아까와 같은 방식으로 넣을 수 있습니다. 좌측, 우측만 선택해서 스크립트를 넣어주면 자동으로 그 위치로 가서 붙습니다. ^^

이 광고는 주로 공익광고에 많이 쓰일 수 있을 것 같습니다.

 

사용방법

내 블로그에 삽입하고자 할 때에는 “내 링크정보”에서 스크립트만 복사해다가 넣으시면 됩니다. 간단하죠.

한 번 설정을 끝내고 나면, 이 후에는 노출시키기고 싶은 광고를 스크랩만 해주면 됩니다. ^^ 스크랩을 여러 개 하면 랜덤하게 노출됩니다.

내 블로그 광고를 웹툴즈에 등록하는 것도 간단합니다. 이미지파일을 만들어서 세 가지 종류에 따라 게시판에 글 쓰듯이 업로드 해주시면 됩니다.

 

웹툴즈에서 무료로 홍보해 드려요.

애드센스형, 배너형, 리본형 등을 등록해 주시면 등록된 모든 것들을 웹툴즈 홈페이지에 기본적으로 노출해 드립니다.

모든 화면 좌측에 배너가 있고, 일부에는 애드센스형도 노출됩니다. 웹툴즈 곳곳에 보기 좋게 배치해 나갈 생각입니다.

이 뿐만 아니라 제가 운영하는 3개의 블로그 (k2man.com / sisa.me / jejulog.kr)에도 배너와 애드센스 공익광고 대체를 해드립니다. ^^;;

 

웹툴즈 라이브

어제 XE Live 모듈을 이용해서 만들었습니다. 뭐 메타사이트가 많이 있고 그보다는 못하지만, 조금이라도 더 노출 수를 늘려 보고 싶으신 분은 여기다가 RSS주소를 등록해 주세요.

1시간에 한 번씩 자동으로 글을 수집해서 웹툴즈 라이브에 노출됩니다. 그리고 메인에도 노출되도록 할 예정입니다. ^^

신고

네이버 오픈캐스트에 자신의 글이 링크되는 것을 원하지 않는 분들도 꽤 있으리라 생각됩니다. 하지만 네이버에서는 링크를 허용하거나 차단하는 방법을 제공하지 않고 있습니다.

사실 네이버에서 링크거부요청 공간을 만들어서 링크를 원하지 않는 사람들의 글이 링크되는 것을 발행단계부터 차단할 수 있도록 해주어야 한다고 생각합니다.

현재로써는 링크자체를 막을 수는 없고, 오픈캐스트를 타고 들어왔을 때 대체화면을 보여주는 방법으로 가능합니다.

 

설정방법

아래의 스크립트 코드를 <head> … </head> 사이에 집어 넣는 것으로 끝납니다.

<script type="text/javascript" language="javascript">
   var refererhost = "opencast.naver.com";
   // 차단될 때 이동할 페이지 주소, 그대로 두면 빈 페이지 출력
   var redirect = "about:blank";

   if (document.referrer.indexOf(refererhost) != -1)
       document.location.replace(redirect);
</script>

이 스크립트를 그대로 사용하면 오픈캐스트를 타고 들어온 경우 빈 페이지가 출력됩니다.

조금 더 적극적으로 거부의사를 알리고 싶으신 분은 차단 내용을 포스팅하거나 별도 페이지를 만들고, 빨간색으로 표시한 부분에 주소를 적어 주시면 됩니다.

신고

오늘 오픈캐스트를 RSS로 구독할 수 있는 편법을 공개해 드렸습니다.

연관글 : 오픈캐스트 RSS구독 방법과 애드센스로 수익 얻기

RSS로 구독할 수 있으니, 당연히 메타블로그에도 등록할 수가 있겠죠.. ^^

올블로그나 블로그코리아의 경우에는 RSS주소만 입력하면 되므로 가볍게 등록하실 수 있습니다.

문제는 믹시에 등록하는 건데요. 믹시의 경우에는 RSS주소가 아니라 블로그의 주소를 요구해서 블로그에 있는 메타정보를 가져가는 방식으로 등록하기 때문입니다. 거기다 인증코드까지 입력해야 하니 복잡함은 더해지죠.

올블이나 블코는 간단하니 생략하고 믹시 등록 방법을 알려 드리겠습니다.

1단계 : 블로그 접속 주소

여기에는 자신의 오픈캐스트 주소를 입력하면 안되고, 다음 형식의 주소를 입력합니다.

http://feed.webtools.kr/mixsh.php?opencast_id=KK244

빨간색으로 된 부분만 자신의 아이디로 변경해 주시고, 블로그 접속 주소에 입력해 주시면 됩니다.

2단계 : 인증키 입력

1단계가 완료되면 아래처럼 블로그 인증코드가 생성됩니다.

일단 인증코드를 복사합니다.

자신의 오픈캐스트로 이동해서, 게시판의 글쓰기로 들어갑니다.

방금 복사하신 인증코드의 앞과 뒤에 아래 빨간색부분을 표시한 것처럼 덧붙여 줍니다. 맨 앞에는 [No 를 붙이고 맨 끝에는 ] 입니다. (RSS구독을 어떻게 만들었는지 아시겠죠? ^^)

[NoOYMxxlu06cHnqNTCxsp3FmO1wxAENttrvWXCBONp80Q=]

이 것을 제목에다가 적어 주시고, 본문은 아무거나 적으셔도 됩니다. 이렇게 해서 저장합니다.

3단계 : 인증확인

믹시로 돌아가서 확인 버튼을 누르시면 아래처럼 완료되었다는 메시지가 나옵니다.

여기서 끝내면 RSS 동작이 잘 안될 수 있으니 4단계도 꼭 해주세요.

4단계 : 인증코드 삭제

다시 오픈캐스트로 돌아가서 방금 입력했던 게시물을 지웁니다. 꼭 지워주셔야 합니다. (안지우시면 RSS동작이 안될 수 있습니다.)

그리고 믹시의 블로그 관리로 들어가서 최신글 불러오기를 새로 해줍니다.

신고

일전에 오픈캐스트를 IFRAME을 이용해서 블로그에 삽입하는 툴을 만들었던 k2man입니다. (오픈캐스트를 자기 블로그에 삽입하고 싶으시면, 오른편에 있는 이전 포스팅을 보시면 됩니다. ^^)

오픈캐스트의 가장 아쉬운 점이 꼭 네이버 안에서만 구독을 해야 한다는 것입니다. 네이버에 로그인 하지 않으면, 새로운 캐스트가 발행되었는지도 알 수 없는 형태이죠. 구독기능이라면 당연히 RSS 피드 구독을 지원할 줄알았는데, 정식 오픈에서도 지원되지 않았습니다.

이미 HTML소스를 가져가신 분들을 위해서 일괄적으로 RSS구독 버튼을 생성시킬까 했지만, 원하지 않는 분들도 계실 것 같아서 부득이 구독버튼 생성 옵션을 만들었습니다.

번거로우시더라도 웹툴즈에 방문하셔서 새 HTML코드를 복사해 가시기 바랍니다.

RSS피드주소와 구독버튼

아쉽지만 간단히 RSS 피드로 오픈캐스트를 받아 볼 수 있도록 해봤습니다. 아래처럼 하단에 구독링크도 제공됩니다. 웹툴즈( http://webtools.kr )에서 구독링크와 연결되는 RSS주소는 다른 것으로 변경도 가능합니다.

피드 주소는 아래와 같은 형식으로 되어 있습니다.

http://feed.webtools.kr/opencast.php?id=KK244

여기서 KK244는 제 오픈캐스트 발행 아이디구요. 이 KK244만 자신의 것으로 바꾸면 됩니다.

애드센스로 수익 얻기

RSS를 이용하여 애드센스의 “피드용 애드센스”를 사용할 수 있게 되었습니다. 애드센스 설정법은 이미 많은 분들이 소개하고 있으므로 생략하겠습니다.

애드센스를 이용해서 피드버너 주소를 얻었다면, 웹툴즈 설정 창에서 피드주소를 새로 넣어 주시고 HTML을 생성해 주시면 됩니다.

아직은 베타

굳이 베타이라고 표현한 것은 아직 기능이 모자라기 때문이고, 어떤 오류가 있을지 모르기 때문입니다. 오류가 발생하면 죄송하지만, http://webtools.kr 게시판에 남겨 주시면 성심껏 해결하도록 하겠습니다.

아~ 날짜는 제대로 가져올 수 있지만, 시간은 제대로 가져올 수 없습니다.

아직은 모자란 기능

우선, 오픈캐스트 제목과 캐스트 소개는 제대로 보여줍니다. 또, 각 제목을 클릭했을 때 각 캐스트로 이동합니다.

각 발행에 있어서도 제목과 캐스트노트의 일부분을 가져옵니다.

이 외에 앞서 제공해 드렸던, 오픈캐스트 프레임이 IFRAME 형태로 되어 있어서 일부 RSS리더에서는 제대로 출력되지 않는 문제도 있습니다. (한RSS는 정상적으로 보입니다.^^)

또 모든 발행정보를 가져올 수 있는 것이 아니고, 현재 오픈캐스트 게시판에 노출되어 있는 것들만 가져올 수 있습니다. 따라서 어떤 분은 30개를 가져올 수도 있고, 발행했다는 글이 게시판에 없다면 하나도 가져오지 못할 수도 있습니다.

([No.2 제주의 아름다운 도로, 드라이브 가자] 를 발행했습니다. 형태의 글을 말합니다.)

이젠 더 이상 만들면 네이버에서 어떤 제재를 하지 않을까 슬슬 걱정이 되기도 합니다. ^^;; 그래서 네이버 오픈캐스트에서 RSS 기능을 지원할 때 까지만 운영해 볼까 생각중입니다. ^^

신고
  1. 마르 2009.07.29 10:59 신고

    이거, 현재 호스트가 만료되었나보네요. 관리 안되고 있는건가요.ㅠㅠ 딱 필요한 기능인데...

    • k2man 2009.07.29 13:27 신고

      feed.webtools.kr/opencast.php?id=KK244 형태로 이용 가능합니다. 포스트 수정을 안해버려서... 죄송합니다. ^^;;

지난 번 오픈캐스트를 내 블로그에 집어 넣기 위한 방법을 소개해 드렸는데, 이번에는 통계기능을 만들어 봤습니다.

 

로그인 후 코드를 생성해야 이용 가능

image

가장 오른쪽에 통계보기 메뉴가 생겼습니다.

당연히 통계를 보기 위해서는 로그인을 해야겠죠. ^^

앞서 포스팅에서도 말씀 드렸듯이 회원가입 후, 로그인을 한 다음에 코드를 생성하셔야 통계보기가 가능합니다.

 

모습은…

image

메뉴는 단촐합니다. 웹툴즈에서 제공해 드리고 있는 툴들의 통계를 모두 볼 수 있도록 되어 있습니다.

image

위에 그림을 보면 딱 이해하실 겁니다. 조금은 애드센스 통계와 비슷하게 만들어 보려고 했습니다만 아무래도 기능은 떨어지죠. ^^;;

타임 존은 한국시간을 기준으로 했습니다.

통계 데이터를 기록한 지는 며칠 되었지만, 제 불찰로 통계 데이터를 기록하는 부분을 조금 손봐야 했습니다. 그래서 오늘 낮 12:55에 기존 기록을 초기화 했습니다. 앞으로는 이런 일이 없도록 각별히 주의 하겠습니다. ^^;;

클릭수와 CTR도 있는데요… 요놈은 프레임 상단과 하단에 붙어 있는 오픈캐스트로 이동하는 링크를 클릭했을 때 잡힙니다.

 

총 4가지 통계 제공

image

총 4가지 통계를 제공합니다.

목적 URL별 통계

오픈캐스트 프레임에서는 내가 설정한 오픈캐스트 주소가 되겠죠. ^^ 여러 개 설정하신 분은 목록으로 모두 나올겁니다.

호스트별 통계

오픈캐스트 프레임을 삽입한 곳이 되겠습니다. 블로그에 삽입하셨다면 블로그 주소가 나올겁니다.

IP별 통계

오픈캐스트 프레임이 있는 페이지를 접근한 IP주소들입니다. 상위 30개만 출력됩니다.

URL별 통계

이건 각 페이지 주소별로 통계를 잡은 것입니다. 딱 보면 아실겁니다. ^^ 이 것도 상위 30개만 출력됩니다.

 

오픈캐스트 프레임을 많이 이용해주시는데, 애드센스 대체형이나 리본형 등도 많은 이용 부탁드립니다.

이 기능들은 블로그광고나 공익광고가 필요하신 분들간에 광고를 공유할 목적으로 만들었습니다. ^^;; 광고신청게시판에 광고를 만들어 올려주시면 함께 공유할 수 있습니다. ^^;;

신고

어제 애드퍼블릭을 이용해서 오픈캐스트를 내 블로그에 삽입하는 방법을 소개해 드렸는데요, 오늘 몇 가지 업데이트 사항이 있어서 두 번째 소개를 하려고 합니다.

 

도메인 변경

우선 도메인을 변경하였습니다. 어제까지는 adpublic.org를 사용했는데, 도메인에 ‘ad’ 문자가 들어가니 adblock 등에서 광고패턴으로 인식하는 문제가 있었습니다.

새로운 서비스명과 도메인은 웹툴즈( http://webtools.kr )입니다.

기존 사용하시던 분께서는 죄송하지만 새로 HTML코드를 생성 후 사용해 주셔야 광고로 오인되지 않습니다. (앞으로는 이런 일이 없도록 하겠습니다. ^^;;)

 

추가된 기능

어제와 달라진 점은 상단에 캐스트 정보가 출력되록 하였고, 하단에 네이버에서 구독할 수 있도록 링크를 만들었습니다.

캐스트 아이디를 입력하면 자동으로 상단의 제목을 검색해서 보여주게 됩니다. 바로가기 링크로 해당 캐스트로 이동할 수도 있습니다.

아래에는 네이버에서 구독 링크가 생겼는데, 아쉽게도 바로 구독이 되지는 않고(로그인 등의 문제로 인해), 해당 캐스트로 이동 후 구독해야 합니다. 차후에 이 곳에다가 RSS구독링크를 만들어 볼 생각입니다. (가능할지는 모르겠지만, 고민중입니다.)

또, 간단한 팁을 적어 놓았습니다. 마우스 커서를 글 목록 위에 올려놓고, 휠을 사용하게 되면 다른 글로 이동이 가능합니다. 네이버 오픈캐스트 내에서는 마우스외에도 키보드도 이용할 수 있지만, 포커스 문제 때문에 키보드 사용은 조금 복잡합니다. (마우스로 글 목록 부분을 한 차례 클릭해 주면 가능합니다.)

 

추가된 옵션

image

추가된 옵션은 캐스트 정보 (상단), 구독링크 (하단)입니다.

표시여부를 선택해서 URL생성 버튼을 클릭하면 미리보기를 보실 수 있고, HTML코드를 복사해서 붙여 놓으면 됩니다.

기본적인 방법은 어제 포스팅한 오픈캐스트를 내 블로그에 삽입하는 방법을 참고하세요 ^^

신고

네이버 오픈캐스트가 정식오픈하면서 많은 분들이 오픈캐스트에 관심을 가지게 되었습니다. 하지만 폐쇄적이라고 느껴지는 여러 가지 상황들(외부로 가져가거나, RSS가 지원되지 않는 등)로 인해서 반감을 가지시는 분들도 많더군요.

그래서 애드퍼블릭( http://webtools.kr )에서 몇 가지 기능을 제공해 드리고자 합니다.

오늘은 첫 번째로 내 블로그에 오픈캐스트를 삽입하는 기능을 만들어 봤습니다.

저는 블로그에 오픈캐스트를 발행할 때마다 “왜? 이런 정보를 선택하게 되었는가”, “어떤 주제로 발행했는가” 등의 내용을 포스팅하고 싶었습니다.

이런 용도로 사용하고자 하시는 분들께는 좋은 방법이 되리라 생각합니다.

 

적용 예

다음은 제 다른 블로그인 제주로그에 적용한 화면입니다. 실제 작동을 보시려면, http://jejulog.kr/1299 로 가시면 됩니다.

 

1단계 : 프레임정보 가져오기

애드퍼블릭( http://adpublic.org )에 가서 내 링크정보 > 오픈캐스트 프레임정보 로 들어갑니다.

오픈캐스트 아이디와 발행번호를 입력하고 URL생성 버튼을 클릭합니다. 그리고 미리보기를 확인한 후 생성된 프레임정보를 복사합니다.

주의) 회원 로그인을 하지 않고 URL을 생성하면, 로그가 기록되지 않아 노출 통계서비스를 이용하실 수 없습니다.

여기서 오픈캐스트 아이디는 오픈캐스트를 접속했을 때 나오는 URL을 보고 아실 수 있습니다. 예를 들어 http://opencast.naver.com/KK244 와 같은 URL이면, 아이디는 KK244입니다.

발행번호는 발행한 번호입니다. 아래 예에서 제목이 No.1 제주4.3특집 - 4월의 제주는 … 에서 No.1의 1이 발행번호입니다.

추가) 만약 발행번호를 입력하지 않으면, 가장 최근에 발행한 캐스트가 출력됩니다. 이 방법을 이용하면 스킨 등에도 적용할 수 있습니다.

 

2단계 : 삽입하기 (티스토리 글쓰기 기준)

글쓰기 에디터에서 HTML옵션을 체크합니다.

복사한 프레임정보를 붙여넣기 합니다.

이제 HTML옵션을 해제하면 삽입된 모습을 보실 수 있습니다. (아래 예제에서 보듯이 에디터에 따라 정확하게 보이지 않을 수도 있습니다. 하지만 글 작성을 완료하면 정상적으로 보입니다.)

이제 원하는 나머지 글을 작성하시고 글을 저장하시면 됩니다.

 

오픈캐스트를 단순히 IFRAME으로 가져오는 방법을 사용하였습니다. 호스팅을 사용하신다면 직접 제작해서 사용하셔도 될 것 같습니다. ^^

다음 번에는 RSS로 구독하는 기능을 만들어 보고자 합니다. 기대해주세요. ^^

신고
  1. 센쇼 2009.09.06 04:13 신고

    애드퍼블릭 사이트 드가니 외국사이트 뜨는데요?

    • k2man 2009.09.09 15:15 신고

      아~ 이런..
      죄송합니다. 도메인이 webtools.kr 로 변경되었습니다.

  2. 컴치초탈 2010.01.08 20:22 신고

    오늘 블로그에 적용했습니다. 감사합니다.

애드센스를 사용하다 보면, 아무 수익이 없는 공익광고가 뜰 때가 의외로 많습니다.

이 경우 블로그의 중요한 자리를 꿰차고 있는 애드센스가 미워지기도 합니다. 이런 경우에 애드센스 공익광고 대신 블로거뉴스 위젯이 출력되록 하는 방법을 소개하고자 합니다.

아래 이미지는 제 다른 블로그인 시사미( http://sisa.me )에 적용한 화면입니다. 평소에는 애드센스 광고가 나오지만, 광고가 뜨지 않거나 공익광고가 나오는 경우에는 대신 블로거뉴스 위젯이 출력되도록 했습니다. (아시겠지만, 공익광고는 아무리 클릭해도 수익이 발생하지 않습니다. 아까운 공간이 낭비되고 있죠.)

image

제가 운영하고 있는 애드퍼블릭에 해당 기능을 넣었습니다. 이제부터 방법을 설명해 드리겠습니다.

 

1단계 : 애드퍼블릭에서 URL생성

먼저 애드퍼블릭( http://adpublic.org )로 이동합니다.

image

링크정보 > 블로거뉴스 위젯 URL 메뉴로 이동합니다.

image

아래처럼 화면이 나오는데, 여기서 자신에 맞는 설정을 하고 확인을 누르시면 됩니다.

회원가입과 로그인을 하지 않고도 이용할 수 있지만, 그렇게 하면 통계가 잡히지 않습니다. 통계보기 기능은 아직 만들고 있지만, 통계에 사용될 로그는 기록되고 있습니다.

따라서, 로그인을 하신 후에 URL을 생성하실 것을 권장합니다.

애드센스 크기에 따라 글 수와 위젯 크기가 자동으로 조정됩니다. 이 곳의 정보만 변경해 주시면 자동으로 최적의 크기로 생성됩니다.

모든 설정을 마쳤으면, 가장 아래에 있는 URL을 복사합니다.

image

 

2단계 : 애드센스 공익광고 설정

애드센스에 로그인 하신 후, 애드센스 설정 > 광고관리에 들어갑니다.

image

수정할 광고의 광고설정 수정하기 >> 를 클릭합니다.

image

추가 옵션 부분에 대체 광고 또는 색상란이 있습니다. 여기에서 Google이 아닌 다른 URL의 광고표시 부분에 복사하신 URL을 붙여넣기 하시면 됩니다.

image

이제 설정저장을 누르시면 모든 설정이 끝났습니다.

 

애드퍼블릭

애드퍼블릭에서는 이 외에도 비영리 광고를 공유하고, 애드센스 공익광고 대신 대체해 주는 기능도 있습니다.

앞으로 더 다양하고 재밌는 기능들을 개발하고 소개해 드리겠습니다. 많은 이용 부탁드립니다. ^^

신고

애드퍼블릭을 오픈합니다.

애드퍼블릭을 처음 준비할 때는 의미가 없는 애드센스의 공익광고 대신 조금이나마 의미있는 공익광고를 편리하게 실어보자는 의도에서 시작하였습니다.

작업을 하다 보니, 설치형 블로그에서나 가능한 다양한 기능들을 제공하면 좋겠다는 생각을 하게되었습니다. 이러한 기능들을 앞으로 계속 추가될 예정입니다. (처음에는 공익광고만을 생각해서 adpublic.org 라는 도메인을 선택했지만, 공익광고 외에도 블로그에 필요한 다양한 기능들을 제공하도록 하겠습니다. ^^)

애드퍼블릭은 누구나 광고를 만들어 광고주가 될 수 있고, 누구나 광고를 가져가 쓸 수 있습니다. 광고라고 하니 돈이 든다고 생각하겠지만, 비영리 광고만 받습니다. 비영리 목적이니 당연히 돈은 필요 없습니다.

자신의 블로그도 되고, 공익광고(최근에는 미디업법 반대 광고도 있죠.)도 되고, 비영리단체도 되고, 여하튼 비영리 목적이라면 상관없습니다.

image

바로가기 : http://adpublic.org

 

애드퍼블릭은?

애드퍼블릭은 자신의 블로그나 홈페이지에 다양한 형태로 비영리 광고를 실어 주는 서비스입니다.

현재는 두 가지 기능을 제공하고 있습니다.

애드센스 공익광고 대체형

애드센스를 실어 보시면, 광고가 뜨지 않고 빈칸으로 나오거나 공익광고가 출력되는 경우가 많습니다. 특히 시사적인 내용을 다루는 블로그에는 더 많은 편입니다.

이런 경우를 대비해서 애드센스에서는 다른 광고를 실을 수 있도록 옵션을 제공하고 있습니다.

이 옵션을 이용해서 공익광고가 아닌 내가 애드퍼블릭에서 선택한 비영리 광고를 실을 수 있도록 해줍니다. 설정은 애드센스에서 딱 한 번만 하면 됩니다.

상단 리본형

블로그 상단 좌측이나 우측에 대각선으로 배너를 띄우는 것을 보셨을 겁니다. 예전에 독도관련이나 우토로마을 배너 등등이 많이 있었죠.

이런 광고도 매번 설정할 것이 아니라, 블로그 스킨에 스크립트를 한 번만 삽입하고 그 이후에는 애드퍼블릭 홈페이지에서 간단히 바꿀 수 있도록 해주는 기능입니다.

 

앞으로 추가될 기능

1. 배너형 광고

광고라고 하니 거창하지만, 일반 배너라고 생각하시면 됩니다. 블로그에 배너를 넣고 빼는 것도 여간 귀찮은 일이 아닙니다. 한 번 설정하고, 애드퍼블릭에서 내 블로그에 출력될 배너를 선택하면 쉽게 교체가 이뤄집니다.

기존 애드센스 대체형과 비슷하지만, 애드센스는 배너로 사용하기에는 크기가 적절하지 못해서, 크기를 다양하게 제공할 예정입니다.

2. 블로거뉴스 관련 기능

블로거뉴스 개편이 얼마 남지 않아, 조금은 미뤄두고 있습니다. 두 가지 기능을 계획중인데요…

하나는 애드센스 공익광고 대신 내 블로거뉴스 위젯을 띄워주는 기능이고, 또 하나는 제 블로그에 적용된 스크롤 되는 추천버튼입니다. 기대해 주세요. ^^

3. 오픈캐스트 관련 기능

저도 어제 오픈캐스트를 발행해 봤습니다만, 어느 블로거 말씀처럼 클로즈캐스트라는 생각이 들더군요.

우선 두 가지 정도를 생각하고 있습니다.

하나는 RSS로 구독하도록 하는 기능입니다. 오픈캐스트의 채널정보를 가져와 RSS로 변환하여 뿌려주는 기능입니다. 오픈캐스트에서 RSS기능을 만들면 바로 사라질 기능이죠 ^^;;

또 하나는 오픈캐스트를 자신의 블로그에 삽입시키는 기능입니다. 어제 오픈캐스트 발행을 해보니, 내가 발행한 오픈캐스트를 포스팅하고, 왜 이런 링크를 선택하게 되었는지를 함께 포스팅하면 좋을 것 같더라구요.. ^^

일단 오픈캐스트 관련 기능은 고민중에 있습니다. ^^;; (네이버에서 뭐라 할까봐 ^^;;)

 

앞으로 좀 더 재미있고, 꼭 필요한 기능들을 선보이도록 하겠습니다. ^^

많은 관심 부탁드립니다.

신고

제가 만든 사이트를 제 블로그에 포스팅 하려니 참 쑥스럽습니다.

제가 필요해서 만들다가 여러 블로거님들과 함께 사용하면 더 좋을 것 같아서 작업을 하고 있습니다.

사용할 수 있을 만큼 작업은 했지만, 아직 서버가 트래픽을 감당하지 못할 것 같아서 서버를 새로 주문해 놓은 상태입니다. 정식 광고 송출은 서버 이전 후, 다음 주부터 할 예정이고, 지금은 광고를 모집하는 중입니다.

애드퍼블릭은?

애드센스를 사용하시다보면, 공익광고라기 어려운 공익광고가 뜨거나 백지로 남아 있어서 뭔가 허전할 때가 많이 있습니다. 공익광고를 다른 URL로 대체할 수 있지만, 자주 바꾸려면 그 것도 쉬운 일이 아니였습니다.

그래서 이 사이트를 만들었습니다. 도메인은 http://adpublic.org 입니다. 실제 작동화면을 보시려면 http://sisa.me 로 가시면 됩니다.

image

1. 애드센스 설정은 한 번만

회원마다 고유 URL이 있습니다. 서버 부하를 감안해서 광고 크기별로 URL을 만들었습니다. 고유 URL을 한 번만 구글 공익광고 대체 URL로 설정해 주시면 됩니다.

2. 스크랩만 하면 된다.

광고 목록에서 괜찮은 광고를 스크랩합니다. 그러면 자동으로 구글 대체광고로 송출되는 방식입니다. 광고를 빼는 것도 스크랩에서만 삭제해 주면 됩니다.

광고를 여러 개 스크랩 했을 경우에는 랜덤하게 송출됩니다.

3. 공익광고 다운 공익광고, 친한 블로거간 광고해주기

다양하게 활용할 수 있을 것 같습니다. 단 비영리 광고만 신청할 수 있습니다. 개인 홈페이지, 블로그, 공익광고 등등 다 됩니다. 영리적인 광고나 유해물 등만 아니면 가능 합니다.

4. 지금은 광고신청만 받습니다.

현재는 다음 주 광고 송출을 위한 사전 단계로 광고신청만 받습니다. 지금 광고송출을 해버리면 제 서버가 뻗어 버릴 것 같아서 다음 주 새 서버에서 시작합니다. ^^;;

이렇게 말했는데 아무도 이용 안해 주셔서 새 서버가 할 일 없어지면 어쩌나 걱정이기도 합니다. ㅋ

5. 만드는 중인 기능

애드센스 대체용 뿐 아니라, 애드퍼블릭의 공익광고만 넣을 수도 있도록 스크립트를 만들고 있습니다.

블로그 좌우측 상단에 들어갈 수 있는 공익광고용 리본형 광고도 만들고 있습니다.

통계기능은 서버부하를 좀 봐가면서 만들 예정입니다. 솔직히 통계기능은 제가 더 쓰고 싶습니다. 어느 사이트에서 어떤 광고를 클릭했고, 어느 사이트에서 얼마나 노출이 되었는지 궁금해지니까요.

아직 모자란 점이 많지만, 한 번 제대로 다듬으며 함께 사용해 보고 싶습니다. 관심 부탁드려요 ^^

image

덧붙임, 어쩔 수 없이 애드센스는 좀 붙였습니다. 돈 벌려고 하는 건 아닌데(솔직히 벌면 좋긴 하겠지만.. ^^;;), 일반 웹사이트에 비해서 트래픽이 좀 걱정이여서요. 양해 부탁드립니다. 에공~~

신고

+ Recent posts