지난 포스트(스마트폰, QR코드를 이용하자, QR코드 리더기 앱(App) 활용 방법, 비교 추천)의 QR코드 활용 방법에 이어, 이번에는 내가 운영하는 블로그에 실제 QR코드를 붙어 보는 방법입니다.

QR코드를 붙이는 방법은 QR코드 생성사이트를 통해 URL 을 QR코드이미지로 생성해서 이를 블로그에 링크하는 방법이 있지만 이는 고정적인 코드로 블로그의 시작페이지로 유도하는 정도 밖에는 할 수 없습니다.

그렇다고 매 페이지를 QR코드 생성을 수작업으로 한다는 것은 너무 힘든 일이겠죠.



하지만 이를  자동으로 생성해주도록 할 수 있습니다.

이 블로그의 화면 좌측에도 보시면 아시겠지만  여기에 있는 QR코드는 고정이 아닙니다. 블로그 글이 바뀌게 되면 QR코드도 자동으로 바뀝니다.

현재 접속중인 URL에 맞게 QR코드를 바꿔주는 것이지요.

이러한 기능을 여러분의 블로그에도 사용할 수 있도록 공개합니다.

다만 QR코드를 자동 생성하기위해서는 해당 블로그에서 자바스크립트(Javascript) 를 지원해야 합니다.

우선 방법을 요약하면 아래의 자바스크립트를 QR코드를 표시하고 싶은 위치에 삽입을 하면 됩니다.



 그럼 티스토리를 기준으로 설치하는 방법을 말씀드리겠습니다.
( 다른 블로그나 홈페이지에도 Javascript 이용이 가능하다면 붙일 수 있습니다.)

티스토리에서는 태그입력기를 이용하면 편리하게 작업 코드를 넣을 수 있습니다.



1) 태그입력기를 설정하기 위해 먼저 [플러그인] - [플러그인 설정] 메뉴로 이동합니다.


2) 플러그인 목록에서 [태그 입력기]를 선택하여 [사용] 으로 설정합니다.

태그 입력기가 설정 되었다면

3) [스킨]-[사이드바 설정]으로 이동합니다.



4) 사이드바 설정에서 사용 가능한 모듈에서 태그 입력기를 선택해서 QR코드를 표시할 사이드바 꾸미기 위치로 끌어다가 이동 시킵니다.



5) 위치한 태그 입력기의 [편집]을 클릭해서 아래 코드들을 복사해서 그림 처럼 삽입합니다. 



이름에는 "QR코드"와 같이 적절한 이름을 넣고
치환자 항목안에 아래 코드들을 복사해서 붙여 넣기 하고 [확인] 을 누리고 [미리보기]확인 후
QR코드 출력이 정상적이면 저장을 눌러 완료 합니다.



완료 되었으면 최종 적용되었는지 페이지별로 이동해서 확인합니다.

QR코드상에서 URL은  여러분의  블로그 도메인 네임뒤에  ".fny.kr/qr" 이 붙습니다. 사용자가 스마트폰을 통해 해당 QR코드를 읽어서 이동하면  이 서버에서  실제 URL로 보내주게 되며 이때 QR코드가 읽힌 URL을 기록 해서 이후 통계정보를 제공할 계획 입니다.

그럼 설치 해서 보다 스마트한 블로거가 되시기바랍니다. 문의는 언제든 환영입니다. 댓글로 남겨주세요^^

+ Recent posts