intropage blog

블로그 이미지
intropage 와 관련된 소소한 이야기들을 공유할게요.
jurohan

Article Category

분류 전체보기 (26)
서비스 소개 (2)
서비스 업데이트 (15)
운영 이슈 (1)
활용 사례 (3)
참고자료 (5)

Recent Comment

Recent Trackback

Calendar

«   2018/02   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28      

Archive

My Link

  • Total2,226
  • Today0
  • Yesterday4



[세계태권도평화봉사재단의 인트로페이지]


[주간 페이지 방문자 수]

   지난 11월 21일, 123명이 세계태권도 평화봉사재단의 모바일 페이지에 방문하였습니다.이날은 새로 선발된 봉사단원에 대한 최종 발표가 있는 날이었기에 사용자가 다른 날에 비해 급격히 몰린 날인데요, 그렇지 않은 일상적인 날 또한 인트로 페이지에 개설된 모바일 전용 홈페이지로의 유입인원또한 적지 않음을 확인할 수 있습니다.

   스마트 폰이 더이상 신기하지 않은 것이 되어버린 요즘, 우리는 티비를 보다가도, 이동 중에도, 페이스북을 하다가도 스마트폰을 통해 인터넷에 접속하며, 인터넷 사이트를 방문하여 원하는 콘텐츠를 소비합니다.

   그런데 한때 유행했었던 플래시 메뉴와 영상은 모바일에서 사용자가 정보를 확인할 수 없게 하며 데스크탑에 최적화 된 웹사이트는 작은 크기의 모바일 화면에서 정보를 소비하기에 부적합한 형태로 되어 있는 경우가 많습니다.

   의뢰가 들어왔던 세계태권도평화봉사재단 또한 이와 같은 문제를 갖고 있었지만, 새롭게 홈페이지를 만들기에는 관련 예산이 마련되어 있지 않아 고민을 하고 있었습니다.몇번의 상담을 진행 한 후, intropage를 통해 모바일 전용 페이지를 만들고, 기존의 웹사이트 상단에 Javascript로 모바일 기기 여부를 체크하여 모바일 기기로 접근한 경우, 이동이 되도록 변경하였습니다.

   
[모바일에서 접근한 홈페이지와 인트로페이지로 제작한 모바일 전용 소개페이지]

기존 사이트 삽입 코드
<script type="text/javascript" src="http://intropage.net/js/outisde/tpcors_code.js"></script> 

코드 내용

<script type="text/javascript"> 
//모바일 체크하기 
if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i)  || navigator.userAgent.match(/iPhone/i)  || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){

url=location.href; 
ref=parent.document.referrer; 
//레퍼러가 intropage인것도 체크하기 
if(ref.indexOf('intropage.net')!=-1){ 
//alert(ref.indexOf('intropage.net')); 
//이전 페이지 주소에 intropage가 포함되어 있다면.. 사이트 그대로 보여주기 
}else if(url.indexOf('?ipg_check')!=-1){ 
//주소줄에 intropage 인식 변수가 존재하면.. 페이지 그대로 보여주기
 
}else if(url.indexOf('.php')!=-1){ 
//주소줄에 intropage 인식 변수가 존재하면.. 페이지 그대로 보여주기 
}else{ 
//연결될 모바일 페이지 주소 입력
location.href = 'http://intropage.net/tpcorps'; 

}

</script> 
<!--intropage 모바일 지원 코드 끝 --> 

   지난 8월 초 위와 같은 작업을 진행한 이후, 세계태권도 평화봉사재단에는 몇가지 변화가 생겼습니다. 

   먼저 추측했었던 것들을 실체화해 볼 수 있었습니다. 티비에 봉사단과 관련된 방송이 소개되었거나, 봉사단 모집광고를 시작하고 나면, 사이트로 사람들이 많이 방문할 것이라고 생각했었던 것을, intropage Dashboard를 통해 실제 사용자들이 어떤 일이 있은 후 유입량이 늘었는 지에 대해, 그리고 어떤 채널과 기기로 유입이 되는지에 대해 파악이 가능하게 되었습니다.


[DashBoard 정보]

   이렇게 유입량의 변화에 따른 원인에 대한 파악이 가능해지게 되니 다가올 이벤트 일정에 맞춰 콘텐츠를 위지윅 기반의 편집툴을 통해 직접 수정할 수 있게 되었습니다.


   세계태권도평화봉사재단의 사례처럼 예산이 부족한 비영리 재단, 사회적 기업 등의 경우, 인트로페이지를 통해 모바일 전용페이지를 제작하고, 기존 홈페이지와 연동하는 것이 방문자들의 정보 접근성을 높이는 데 하나의 방법이 될 수 있을 것입니다.


인트로 페이지 서비스에 관심이 있는 분들은 아래의 랜딩 페이지에서 이메일 주소를 입력해 주세요. 오픈 소식을 전해드립니다.

http://intropage.net

세계태권도평화봉사재단 인트로 페이지 : http://ipg.so/tpcorps


  

Trackback 0 and Comment 0

1. 고해상도 무료 이미지

홈페이지를 만들거나, 포스터를 만들 때 가장 쉽게 방문자들의 시각적 만족도를 높여주는 것이 배경이미지나 콘텐츠에 삽입된 이미지들이 아닌가 싶습니다.

하지만 일반인이 좋은 사진을 소유하고 있기엔 한계가 있고,
구글링 해서 쓰자니 저작권이 있는 사진은 아닌가 하는 걱정도 들고..

이러한 걱정을 덜어 줄, 멋진! 고해상도 사진들을 제공하는 사이트들을 정리한 곳이 있어 그 정보를 공유합니다 :)

http://ludens.kr/entry/gorgeous-stock-photo-sites


2. 무료 아이콘

디자인을 하다보면, 아이콘을 하나하나 만드는 것도 시간적 부담이 되는 게 사실인데요,
이럴 때 쓰기 좋은 범용적인 아이콘들을 무료로 공유하는 곳들이 많아지고 있는 것 같습니다.

구글 무료 아이콘

http://platum.kr/archives/29362


무료 아이콘

http://designbeep.com/2014/11/04/free-download-iconomous-100-outlined-icons/



3. 분석툴

블로그 서비스, 홈페이지 제작 툴 중에는 보통 컨텐츠에 대한 유입량을 분석할 수 있는 기능을 제공하기도 합니다. 하지만 직접 제작한 사이트나 이벤트 페이지의 경우 이러한 분석툴을 직접 하나부터 열까지 개발하기에는 추가적으로 개발해야하는데, 이를 보조해줄 수 있는 좋은 분석 툴로는 구글에서 제공하는 구글 애널리틱스 같은 서비스가 있습니다.


http://google.com/analytics

회원가입 후 사이트 도메인을 추가하면 인식코드가 출력되는데 해당 코드를 직접, 혹은 사이트 개발자에게 요청하셔서 사이트에 삽입해주시면, 방문자, 유입경로 분석 등 간단한 분석에서부터 이벤트 설정까지 실시간 방문자 분석 등의 기능또한 이용하실 수 있습니다.


https://www.google.com/webmasters

구글 마스터는 사이트와 관련하여 최신 이벤트 및 구글 서비스와의 연동된 경우 연동된 기능과 관련하여 최신 상태를 확인할 수 있는 기능을 제공하며, 구글 검색에서 운영중인 사이트로 어떤 키워드 검색을 통해 유입 되는지, 외부 사이트에서의 URL 링크 경로 등에 대한 분석 정보를 제공해주며, HTML 및 모바일 사용편의성과 관련하여 개선할 사항을 알려주기도 합니다.





Trackback 0 and Comment 0