태터툴스용 Snap Preview Anywhere 코드 추가 플러그인 V1.0

태터툴즈/플러그인 2006.12.08 02:07
블로그들을 돌아다니다 보니 블로그에 걸린 링크에 대하여 프리뷰들을 제공하는 모습을 보게 되었다.

"어! 저런 걸 어떻게 하지?" 라고 하며, 그 링크들을 쫓아가 본 결과 에서 제공하는 기능이라는 것을 알게되었다. Snap.com에서는 자바스크립트 및 해당 키코드만을 배포하며, 그것을 Blog의 <HEAD>~</HEAD> 사이에 넣기만 하면 그 기능이 작동한다. 매우 쉬운 구조이다.

그런데 이것 역시 내용은 쉽지만 스킨이 바뀔때마다 스킨에 일일히 넣어주어야 하는 구조라서, 스킨을 바꾸거나 했을 경우에(특히 요즘은 태터툴즈가 업데이트 되는 시기라서 신기능을 적용한 새로운 스킨을 많이 적용해 보는 때이기도 하다.) 넣고 빼기 번거로와서 태터툴즈의 플러그인 형태로 만들어 보았다. 어차피 기존에 만들었던 플러그인을 그대로 응용하다시피 했으니, 짜는데 걸리는 시간은 거의 없다시피했다. ^^;

본문상에 외부 사이트로의 링크가 있고(href 링크) 그 링크 위에 마우스를 올리면 다음 그림처럼 해당 타겟에 대한 프리뷰가 보여진다.

Snap Preview로 보여지는 모습

Snap Preview로 보여지는 모습


이 기능을 설치하기 위해 Snap.com 등록메뉴에 가서 등록을 하게되면 키코드와 등록시에 사용한 URL이 포함된 스크립트를 받게된다.
그것을 잘 분해해 보면 Key와 등록시 등록한 URL을 뽑아낼 수 있는데, 이것을 플러그인 index.php 파일의 18, 19번째 줄의 $key와  $domain 값으로 변경시켜 주면 된다.

index.php $key, $domain 값 변경하기

index.php $key, $domain 값 변경하기


위와 같이 수정한 플러그인을 태터툴즈의 플러그인 디렉토리에 업로드하고 플러그인 상태를 사용함으로 변경시켜 주면 Snap PreView AnyWhere 플러그인을 사용할 수 있으며 설치 후에는 다음과 같이 HTML 코드가 사이트 HTML안에 나타나게 된다.

Preview를 위한 JavaScript가 HTML에 삽입된 모습

Preview를 위한 JavaScript가 HTML에 삽입된 모습


플러그인은 다음 링크에서 다운로드 받을 수 있다.


P.S) RSS에서 에러가 발생한다는 리포트가 있어서, 내용상 중요하지 않은 RSS 적용 삭제.

설정

트랙백

댓글

태터툴즈용 파일 다운로드 플러그인(20060707 업데이트)

태터툴즈/플러그인 2006.07.07 14:55
이번에 만든 플러그인은 이미 기존에 태터툴즈에 있는 기능을 찾아내지 못하여 플러그인을 만드는 삽질을 한 것이 아닌가 하는 불안감이 드는 플러그인이다.
절실히 필요한 기능일텐데, 그것이 기능으로 뽑혀있지 않다는 것이 이해가 가지 않았다. 그것이 이 플러그인을 만들게 된 계기가 되었다.

태터툴즈용 파일 다운로드 플러그인은,

태터툴즈에서 이미지 파일이 아닌 다른 파일을 링크할 때, 그것을 첨부파일로 처리하여 테터툴즈 데이터베이스에 넣어 관리하고자 한다면 파일 업로드 시에 파일 이름이 숫자의 조합 + 확장자로 바뀌는 것을 감수해야 했었다.

자기가 개발한 플러그인이나 기타 조그마한 파일들을 블로그에 업로드 해 두었다가 다른 사람이 다운받으려 한다면 원래 파일 이름에서 바뀐 이름으로 다운로드 받게 할 수 밖에 없었는데, 이것을 개선하여 원래 업로드 할 당시의 파일 이름으로 받을 수 있게 하는 기능의 플러그인을 만들었다.

플러그인의 설계 및 구성은 단일 사용자 모드 및 멀티 사용자 용 모두를 고려해서 구성하였으나 실제 테스트는 단일 사용자용에서만 이루어졌기에 다른 멀티 사용자용 테터툴스를 운영하는 곳에서 테스트가 이루어지기를 바란다.

태터툴즈용 파일 다운로드 플러그인의 사용법 및 설치법은 다음과 같다.

테터툴즈의 플러그인 디렉토리에 플러그인을 설치하고 관리페이지에서 사용함으로 설정하면 관리자의 글 작성 메뉴에 다음 그림과 같이 아이콘이 추가된다.

글 작성 에디터에 플러그인이 적용된 모습

블로그에 글을 작성하다가 다운로드 할 파일을 링크하고 싶은 위치에 커서를 위치하고 다운로드 시킬 파일을 파일 목록에서 선택한 후   아이콘을 클릭하면 에디터 상에 과 같은 문자열이 나타나는데, 그 중 닫는 대괄호와 여는 대괄호 사이에 다운로드 받을 파일에 대한 설명을 입력해 주면 된다.

사용 예는 다음과 같다.

ex)

플러그인을 통해 다운로드를 받게 되면 다음 그림과 같이 업로드 당시의 파일 이름으로 다운로드 받을 수 있다.

플러그인을 통해서 파일을 다운로드 받는 모습

플러그인 다운로드 : 파일 다운로드 플러그인 내려받기

P.S [각주:1] [각주:2] [각주:3] [각주:4]
  1. 어째 플러그인 만드는 데 들었던 시간보다 그걸 설명하기 위한 포스트를 쓰는데 드는 시간이 더 많고, 어려웠던 것 같은 느낌이 드는 것은 왜일까. 역시 개발자는 글쓰기가 어렵다는 한계에 부딛치는 것인가. [본문으로]
  2. 임의로 만든 다운로드 모듈은 태터툴즈의 여러 기능을 제약하는 것 같아서 다운로드 모듈 부분은 태터툴즈가 제공하는 것으로 변경하였다.(2006. 06. 05.) 단, 이 기능 변경으로 인하여 이미지의 다운로드 기능은 삭제하였다. [본문으로]
  3. 웹루트에 바로 설치하지 않고 서브디렉토리를 만들어 태터를 설치한 경우 로그인 여부에 따라서 링크가 걸리지 않는다는 버그리포트가 있어서 HTML로 단순 링크를 거는 것에서스크립트의 위치에서 경로를 만들어내도록 수정하였으며, Feed Burner와 같은 외부 RSS Feeding 사이트를 거쳐 Feeding 받더라도 다운로드가 동작하도록 수정하였다.(2006. 06. 21.) [본문으로]
  4. 서브디렉토리에 태터를 설치한 경우의 다운로드 링크에 버그가 발견되어 동작하도록 다시 수정하고 테스트 하였다.(2006.07.07.) 2006년 7월 7일 18시에 다시 한번  더 파일을 수정하였다. [본문으로]

설정

트랙백

댓글

태터툴스용 Google Analytics 코드 추가 플러그인.(TatterTools 1.0.6 Update)

태터툴즈/플러그인 2006.06.16 01:36
나도 개발자라는 족속이다 보니, 내가 운영하는 블로그 - 태터툴즈 - 에 사용하는 플러그인 프로그램을 만들었다.

아니, 만들었다는 말이 부끄러울 정도로 발.로.짰.다.

어떤걸 짰는고 하니, Google에서 제공하는 통계 프로그램을 블로그에 설치했을 때, 그 통계 수집 코드를 사용하는 스킨의 skin.html에 넣어주어야 하는데, 스킨을 여러번 바꿔보니 스킨을 바꿀 때 마다 그 변경사항을 일일히 스킨에 반영하는 것이 귀찮아서 플러그인 형태로 뽑아냈다.

(누군가 그랬다. 개발자는 가장 귀찮은 것을 참을 줄 모르는 사람이라고.)

Tatter Tools 1.0.5 버전까지는 스킨 관련 치환자의 부재로 플러그인을 설치하기 위해서는 skin.html 파일을 수정하여야 했으나, 업데이트된 1.0.6 버전에서는 플러그인 설치만으로 완료된다. 단, 태터 1.0.5 버전 이하 사용자는 이 포스트에 첨부되어 있는 1.0.5 버전용 플러그인을 사용하여야 하며, 스킨 파일에 치환 문자열을 넣어야 한다.

설치 방법은 다음과 같다.
Google Analytics 사이트에 접속하여 Analytics Settings > Tracking Status 로 들어가 보면 다음과 같은 코드를 홈페이지에 추가하도록 제시하고 있다.
그 중, _uacct 변수에 할당되는 문자열(그림 참조)을 플러그인의 $account_str 변수에 할당한다.

Google에서 제공하는 Google Analytics 설치코드

[CODE type=php]
function GoogleAnalytics($target, $mother) { [br]
$account_str = "??-??????-?" <- 바로 이 부분의 문자열을 변경한다.
[/HTML][/CODE]
1.0.6 업데이트 사항 : Tatter Tools 1.0.6 부터 추가된 스킨 관련 치환자 사용으로 스킨에 직접 치환 문자열을 넣지 않고 플러그인 설치만으로도 동작되게 하였습니다.

설치 방법 :
[Tatter Tools 1.0.6 이상]
스킨의 수정 없이 플러그인 설치후 플러그인을 활성화 시켜주는 것만으로 모든 것이 완료된다.
[Tatter Tools 1.0.5 이하]
skin.html 의 원하는 곳(</BODY> 직전의 아무곳이나 좋다.)에 [##_GoogleAnalytics_##] 문자열을 넣고 플러그인 관리 메뉴에서 플러그인을 활성화 시켜주면  홈페이지 출력시에 Google Analytics 코드가 출력된다.

마지막으로 반영된 것의 확인은 태터툴즈를 웹브라우저로 접속하여 소스보기로 확인하면 된다.

플러그인 다운로드 :
[Tatter Tools 1.0.6 이상]  Google Analytics 플러그인 다운로드 For Tatter Tools 1.0.6
[Tatter Tools 1.0.5 이하] Google Analytics 플러그인 다운로드 For Tatter Tools 1.0.5

단, TextCube에서는 동작이 확인되지 않았으니 사용에 주의하기 바란다.

설정

트랙백

댓글