[페이스북 어플] 탭프레스(TabPress)를 이용해서 랜딩페이지 만들기.

Posted on

 

페이스북 어플 탭프레스(TabPress)  – 페이스북 페이지에서 아이프레임(iframe) 기능을 손쉽게 사용할 수 있도록 도와주는 탭프레스(TabPress) 어플을 이용해서 랜딩페이지 만드는 방법을 안내해 드리겠습니니다.

 

[페이스북 어플] 탭프레스(TabPress) 설치법

 
아래 관련포스트에서 페이스북은 FBML 코딩언어를 포기하고 아이프레임(iframe) 을 이용하는 것으로 정책을 변경했다고 말씀드렸습니다. 또 아이프레임(iframe) 앱을 만들어서 운영중인 페이스북 페이지에 삽입하는 방법도 안내해 드렸습니다.

 

 

 

 

아이프레임으로 포스트뷰 모바일 블로그 페이지가 페이스북 페이지에 삽입된 이미지

 

아이프레임(iframe) 기능을 이용해서 포스트뷰 블로그 모바일 페이지를 페이스북에 삽입한 모습 (관련포스트 참조)

강조표시

 
하지만, 아이프레임(iframe) 기능의 단점은 약간의 HTML 지식을 가져야 한다는 점입니다.

이부분에서 약간 어려워 하시는 분들이 많으신데, 오늘 소개해 드리는 탭프레스(tabPress) 어플을 사용하면 손쉽게 동영상,그림,텍스트 등을 페이지에 삽입할 수 있습니다.

탭프레스(TabPress) 어플을 설치하기 위해서 페이스북에 로그인 해주세요

 

 

페이스북 로그인 화면 이미지

페이스북 로그인 후에는 아래에 보이는 탭프레스(tabPress) 어플 주소로 접속해 주세요.

 

주소창에 탭프레스 입력모습 남긴 이미지

페이스북 탭프레스(tabPress) 어플 주소 : https://apps.facebook.com/tabpress

탭프레스(TabPress) 어플에 접속하면 아래와 같은 화면이 열립니다.

 

탭프레스(TabPress) 어플 접속 이미지

탭프레스(TabPress) 화면 중간에 “CLICK HERE” 항목을 클릭해 주세요.

 

탭프레스(TabPress) 페이지에 추가하는 이미지

새롭게 열린 페이지 좌측하단에 “내 페이지에 추가” 항목을 클릭해 주세요.

 

운영중인 페이지에 삽입하기 위해서 나타난 이미지

자신이 운영중인 페이지를 선택하고 “페이지에 추가” 버튼을 클릭해 주세요.

 

페이지에 삽입되서 탭이 표시된 모습이미지

자신의 페이스북 페이지에 탭프레스(TabPress) 어플 탭이 추가된 모습입니다.

“Welcome” 탭을 클릭해 주세요.

 

탭프레스(TabPress) 소스입력창 이미지

탭프레스(tabPress) 화면 모습입니다.

 

Enter content for Non-Fans : 페이스북 페이지에 “좋아요” 버튼을 클릭하지 않은 사람에게 보여지는 화면.

Enter content for Fans : 페이스북 페이지를 “좋아요” 버튼을 클릭한 사람에게 보여지는 화면.

강조표시

탭프레스(TabPress)의 가장 큰 특징은 페이스북 페이지를 “좋아요” 한 사람과 안한 사람에게 다른 페이지를 보여줄 수 있다는 점입니다.

이해를 돕기 위해서 “소녀시대” 동영상과 “아이유” 동영상을 탭프레스(TabPress) 에 삽입하여 기능을 설명드리겠습니다.

 

예제는 페이지를 “좋아요” 하지 않은 사람들에게는 “소녀시대” 동영상이 보이게 하고, 페이지를 “좋아요” 한 사람들에게는 “아이유” 동영상이 나오도록 작업해 보겠습니다.

동영상 사이트인 “유튜브”에서 “소녀시대” 동영상 소스는 “Enter content for Non-Fans” 항목에 삽입해 주고,
“아이유” 동영상은 “Enter content for Fans” 항목란에 삽입해 줍니다.

 

유튜브에서 소녀시대 동영상 소스 가져오는 모습 이미지  유튜브에서 아이유 동영상 소스 가져오는 모습이미지

 

 

강조표시

동영상 “유튜브” 사이트에서 동영상 소스를 복사해서 탭프레스(TabPress) 입력란에 삽입해 줍니다.

탭프레스(TabPress) 어플 입력창에서 탭 설정 입력하는 모습 이미지

동영상 소스의 삽입이 끝나면 상단에 “PREVIEW NON-FAN CONTENT” (“좋아요” 하지 않은 사람에게 보여지는 화면 확인) 버튼과 “PREVIEW FAN CONTENT” (“좋아요” 한 사람에게 보여지는 화면 확인) 버튼을 통해서 미리 확인이 가능합니다.

미리보기를 통해서 페이지 팬이 아닌 사람에게 소녀시대 동영상이 보이는지 확인하는 모습이미지  미리보기를 통해서 페이지 팬인 사람에게 아이유 동영상이 보이는 모습 이미지

 

강조표시

 

미리보기 확인이 끝났으면 탭프레스(TabPress) 하단에 “Save/Update Content” 버튼을 클릭해서 저장해 줍니다.

그럼, 이제 해당 페이스북 페이지에 접속했을때 탭프레스(TabPress) 화면이 어떻게 보일지 확인해 볼까요^^

먼저 페이스북 페이지를 “좋아요” 하지 않은 사람이 접속했을 때 나오는 화면입니다.

 

 

팬이아닌 사람이 페이지에 접속했을때 소녀시대 동영상이 보이는 모습

 

 

강조표시

상단에 “좋아요” 버튼이 보이면서 “소녀시대” 동영상이 나오는 모습입니다.

다음으로 “좋아요” 버튼을 클릭해서 페이스북 페이지에 팬이된 사람이 접속했을 때를 살펴볼까요~

 

팬인 사림이 페이스북 페이지에 접속시 아이유 동영상이 보이는 모습이미지

강조표시

상단에 “좋아요” 버튼이 사라진 모습입니다.

 

탭프레스(TabPress) 어플은 “좋아요” 한 팬과 팬이 아닌 사람에게 다른 화면을 보여줌으로써 팬관리에 보다 효율적으로 사용할 수 있다는 장점이 있습니다.

탭프레스(TabPress) 화면을 기본적으로 접속자에게 보이고 싶으시다면 포스트 상단에 관련포스트에 상세히 안내되어 있으니 참고하시면 될거 같습니다.

24 thoughts on “[페이스북 어플] 탭프레스(TabPress)를 이용해서 랜딩페이지 만들기.

  1. Pingback: peacecup's me2day
  2. 전 페북 프로필을 사용하고 있는데 자꾸 페이지를 하고 싶어지죠….
    그렇다고 페이지를 만들고 나면 프로필은 못할 것 같고…^^
    페이지에 더 유용한 것들이 많은데 말입니다…

댓글을 남겨주세요 ▶

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.