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

 

페이스북 어플 탭프레스(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. 애버그린 댓글:

    아! 이렇게 하는거군요~
    한번 해봐야겠습니다.

    1. 샤프심 댓글:

      페이스북 페이지 쉽게 꾸밀수 있어서 좋아요^^

  2. 머니야 댓글:

    페북 사용자에게 도움이 될 정보네요..^^
    저도 페북 띄운지는 꽤되었는데 잘 안쓰는 1인..ㅠㅠ
    함 달겨들어봐야겠습니당^^

    1. 샤프심 댓글:

      ㅋㅋ SNS가 관심을 조금만 놓아도 금방 뒤쳐지더라구요~

  3. 터프가이 댓글:

    오늘은 좀 어렵군요 ㅋ 잘몰라서요 ;;
    좋은 정보 얻어 갑니다 ^^

    1. 샤프심 댓글:

      찬찬히 따라하시면 쉽게 페이지 만드실 수 있으실 거에요^^

  4. Boan 댓글:

    페이스북 많이 이용하시는분들에게 정말 좋은 정보네요.

    1. 샤프심 댓글:

      페이스북 랜딩페이지 어려워서 구축못하시는 분들에게 도움될듯 싶어요^^

  5. Zorro 댓글:

    아.. 이런것도 있나요.
    페이스북을 제대로 하지 않는 저에겐 너무나 생소하다는… 공부좀 해야겠어요ㅠ,ㅠ

    1. 샤프심 댓글:

      대세 페이스북 이니까 관련기능들 알아놓으시면 좋을거에요^^

  6. 복돌이^^ 댓글:

    열심히 읽어 봤어요
    저도 해봐야 겠네요..
    어찌 이리 좋은 정보를 …^^

    행복한 하루 되세요~

    1. 샤프심 댓글:

      페이스북 페이지 운영하시는 분들에게 도움되는 정보에요^^

  7. 한성민 댓글:

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

    1. 샤프심 댓글:

      개인적으로 사용하기에는 프로필이 좋은데, 발전방향을 생각하면 페이지가 좋은거 같아요~

  8. 마음노트 댓글:

    페이스북 하게되면 참고하도록 하겠습니다!

    1. 샤프심 댓글:

      페이스북 한번 사용해보세요^^

  9. 이바구™ 댓글:

    페이스북도 유용한 어플이 계속 생기는가 봐요.
    좋조

    1. 샤프심 댓글:

      페이스북 어플들중에 유용한 것이 많이 있습니다^^

  10. 백전백승 댓글:

    지금은 사용할 경우가 없을 것 같지만 나중에 아주 유용하겠는데요. 좋아요를 클릭하면 다른 것을 보여줄 수 있으니 말입니다.

    1. 샤프심 댓글:

      좋아요 팬에 따라서 다른 페이지를 보여줄 수 있는점이 유용할거 같습니다~~

    2. 백전백승 댓글:

      얼마전에 샤프심님의 가르쳐주신 블로그툴로 동영상을 삽입했어요. 이제는 블로그툴로 하면 되겠네요.

  11. 이베이날다 댓글:

    페이스북의 좋은 기능 설명 감사합니당 ….윽 ~ 페이스북 ~
    몰르는게 너무 많아여 ㅋㅋ 덕분에 오늘도 잘 배우고 갑니당 ^^

    1. 샤프심 댓글:

      페이스북 하나~ 하나~ 하다보면 재미있습니다^^

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다