Facebook 앱의 예

사용자가 Facebook 애플리케이션의 탭을 클릭하면 폭이 810픽셀인 공간에 표시됩니다. Adobe Campaign은 Facebook 유형 웹 애플리케이션을 사용하여 Facebook 애플리케이션에 표시되는 컨텐츠를 정의하고 개인화할 수 있으므로 프로필을 쉽게 획득할 수 있습니다.

노트

파트너가 개발한 Facebook 애플리케이션에 Adobe Campaign을 통합할 수도 있습니다. 이 경우 Adobe Campaign 웹 애플리케이션을 사용하여 Facebook 프로필을 가져올 필요가 없습니다. 자세한 내용은 외부 계정 구성을 참조하십시오.

중요

Facebook 애플리케이션 만들기에 설명된 구성 단계를 따르십시오.

노트

이 섹션에서는 Facebook 유형 웹 애플리케이션에 연결된 요소에 대해 자세히 설명합니다. 표준 웹 응용 프로그램과 공유된 모든 요소는 이 섹션에 자세히 설명되어 있습니다.

Facebook 유형 웹 애플리케이션의 예는 다음과 같습니다.

중요

이러한 간단한 사용 사례는 Facebook 유형 웹 애플리케이션의 기능을 설명하기 위한 예로 제공됩니다.

추천

다음 제한 사항은 Facebook에 직접 연결됩니다.

  • 모든 웹 응용 프로그램을 HTTPS로 빌드해야 합니다.
  • 탭을 통해 표시되는 Facebook 애플리케이션의 너비는 810픽셀입니다.

빠른 시작:7단계에서 Facebook 애플리케이션 만들기

이 예에서는 Facebook에서 Adobe Campaign 내장 애플리케이션을 표시하는 방법에 대한 단계별 프로세스를 제공합니다. 이 경우 사용자가 응용 프로그램 탭(App01)을 클릭할 때 시작 메시지를 표시할 수 있는 응용 프로그램을 만들어야 합니다.

이 응용 프로그램을 만들려면 다음 단계를 적용합니다.

  1. Facebook에 애플리케이션을 만듭니다( https://developers.facebook.com/apps). 자세한 내용은 다음을 참조하십시오.Facebook 애플리케이션 만들기.

  2. Facebook Connect 외부 계정을 입력하고 Facebook 애플리케이션의 매개 변수를 입력합니다. 자세한 내용은 다음을 참조하십시오.외부 계정 을 구성하는 중입니다.

  3. Facebook 권한 요청 화면에 표시할 Terms of servicePrivacy policy 링크를 입력합니다. 자세한 내용은 다음을 참조하십시오.서비스 약관 및 개인 정보 보호 정책 링크 입력.

  4. Adobe Campaign에서 Facebook 유형 웹 애플리케이션을 만듭니다. 자세한 내용은 다음을 참조하십시오.Facebook 형식 웹 응용 프로그램 만들기.

  5. 웹 애플리케이션을 편집합니다. 이 예에서는 Page 활동을 추가하고 그에 대한 제목을 정의했습니다.

  6. 애플리케이션을 배포합니다.

  7. Facebook 페이지에 탭으로 표시되도록 Facebook 애플리케이션을 구성합니다. 자세한 내용은 다음을 참조하십시오.Facebook 탭 구성.

App01 애플리케이션의 탭이 Facebook 페이지에 표시되는지 확인하십시오. 이 단추를 클릭하면 환영 메시지가 표시됩니다.

Facebook 애플리케이션에 설정을 전달하는 방법?

중요

Facebook 애플리케이션 만들기에 설명된 구성 단계를 따릅니다.

예 1에서는 Fan of the page 필드의 값에 따라 Facebook 페이지 표시를 개인화했습니다. Application settings 필드를 처리할 수도 있습니다. 이 필드를 사용하면 Facebook을 통해 Adobe Campaign에서 생성한 링크에 포함된 데이터를 복구할 수 있습니다.

이메일 캠페인을 보내는 회사의 예를 들어보겠습니다. 배달에서 링크는 Facebook 애플리케이션을 가리킵니다. 이 링크는 URL 끝에 추가된 app_data 매개 변수 덕분에 개인화됩니다. 이 매개 변수의 값은 고객 중요성을 반영하는 표시일 수 있습니다. 이 예에서 app_data 매개 변수의 값은 big(상당한 고객) 및 small(덜 중요한 고객)입니다.

개인화된 URL은 다음과 같습니다.

  • http://<path of the Facebook application>&app_data=big (중요한 고객의 경우)
  • http://<path of the Facebook application>&app_data=small (덜 중요한 고객의 경우)

Facebook에서 Adobe Campaign으로 전달된 익명의 데이터 중 Application parameters 필드의 값이 수집되므로 Adobe Campaign에서 이 매개 변수를 기반으로 애플리케이션 표시를 개인화할 수 있습니다.

사용자가 중요한 고객인 경우(app_data 매개 변수의 값이 big) 다음 이미지가 표시됩니다.

사용자가 덜 중요한 고객인 경우(app_data 매개 변수의 값이 small) 다음 이미지가 표시됩니다.

이 사용 사례를 다시 만들기 위해 다음 요소로 구성된 웹 응용 프로그램을 만들었습니다.

  • Application parameter 필드를 기반으로 하는 Test 활동.
  • Application parameter 필드의 값에 따라 표시할 이미지가 포함된 두 페이지.

팬 데이터를 얻는 방법

중요

Facebook 애플리케이션 만들기에 설명된 구성 단계를 따릅니다.

이 예에서는 Facebook 사용자와 연락하고 프로필 정보를 공유할 수 있도록 오퍼를 제공하는 방법을 보여줍니다. 잠재 고객을 확보하고 자신의 페이스북 페이지에 경쟁사를 조직해 이들의 마음을 사로잡을 수 있는 회사의 예를 들어보자.

사용자가 App03 탭을 클릭할 때마다 해당 사용자가 해당 대회에 참가할지 여부를 묻습니다.

그들이 그 대회에 참가하기로 결정한다면, 우리는 그들이 그들의 프로필 정보를 공유할 것을 제안합니다.

정보 공유에 동의하는 경우 다음 화면이 표시됩니다.

이 사용 사례를 만들기 위해 다음 요소가 포함된 웹 응용 프로그램을 만들었습니다.

  • Test 활동
  • 3페이지
  • Access control 활동
  • Pre-loading 활동
  • Save 활동
  • End 활동

테스트 활동

Test 활동은 IDApplication parameters 필드를 기반으로 합니다.

그것은 세 개의 가지들로 구성되어 있다.

  • identifier (UID) is empty :사용자가 이미 정보를 공유하기로 동의한 경우에만 식별자가 Facebook에서 전달됩니다. Test 활동의 첫 번째 분기를 사용하면 입력한 적이 없는 사용자(예: 빈 ID가 있는 사용자)만 경쟁을 사용할 수 있게 만들 수 있습니다.
  • application parameter equals ‘thanks’ :Facebook에 연결된 표시 오류를 사이드 단계로 이동하려면 웹 애플리케이션 종료 페이지는 값을 사용하기 위해 매개 변수 app_data 가 추가되는 Facebook 애플리케이션의 thanks URL을 가리킵니다(이 방법에 대한 자세한 내용은 다음을 참조하십시오. 종료 활동). 두 번째 분기를 사용하면 사용자가 첫 번째 분기의 End 활동에서 왔으며, 방금 경쟁업체에 들어갔는지 여부를 확인하여 감사 메시지를 표시할 수 있습니다. 추가 URL 매개 변수 사용에 대한 자세한 내용은 다음을 참조하십시오.설정을 Facebook 애플리케이션에 전달하는 방법?
  • Default branch :사용자가 이전 날짜(응용 프로그램 매개 변수와 다른 매개 변수)에 이미 경쟁 제품(ID thanks​가 입력됨)에 입장한 경우 이미 입력되었다는 페이지가 표시됩니다.

대회 페이지

Facebook에 연결된 표시 오류를 사이드 단계로 이동하려면 경쟁업체 페이지의 Window 필드에서 Parent window 또는 In the top window​을 선택해야 합니다.

액세스 제어 활동

Access control 활동에서는 사용자가 경쟁에 들어갈 때 Facebook 권한 요청 페이지를 표시할 수 있습니다. 사용자가 정보를 공유하기로 동의하면 사전 로드 중에 복구됩니다. 자세한 내용은 다음을 참조하십시오.활동 사전 로드.

웹 애플리케이션을 만들 때 이전에 외부 계정을 입력한 경우(Facebook 유형 웹 애플리케이션 만들기🔗 참조) 활동을 편집할 필요가 없습니다. 없는 경우 Application 필드로 이동하여 Facebook 애플리케이션에 연결된 외부 계정을 선택합니다.

활동 사전 로드 중

사전 로딩에 사용할 데이터 소스를 선택합니다.

  • Marketing database :이 옵션을 사용하면 Adobe Campaign 데이터베이스를 통해 데이터를 미리 로드할 수 있습니다.
  • Facebook :이 옵션을 사용하면 Facebook을 사용하여 데이터를 미리 로드할 수 있습니다.

마케팅 데이터베이스

이 옵션을 사용하면 방문자 테이블에 있는 프로필의 데이터를 복구할 수 있습니다. 사용자가 Facebook 애플리케이션 탭을 클릭할 때 복구된 외부 Facebook ID를 기반으로 확인이 수행됩니다. Pre-loading 활동 뒤에 양식을 추가하면 데이터베이스에 정보가 포함된 필드가 미리 로드됩니다.

노트

Adobe Campaign 데이터베이스를 통해 데이터를 미리 로드하는 방법에 대한 자세한 내용은 이 섹션을 참조하십시오.

Facebook

이 옵션을 사용하면 사용자가 공유하기로 동의한 Facebook 프로필 정보 중 저장을 고려하여 수집할 Facebook 프로필 정보를 정의할 수 있습니다.

Database information 옵션을 사용하여 다음 데이터를 수집할 수 있습니다.

  • External ID:사용자 ID
  • Gender:사용자의 성별
  • Verified :이 필드는 사용자가 확인된 Facebook 계정을 가지고 있는지 여부를 지정합니다.
  • Full name:사용자의 전체 이름
  • First name:사용자 이름
  • Last name:사용자의 성
  • Language:사용자 언어

적절한 상자를 체크하여 프로필 사진, 친구 목록, 이메일 주소, 생년월일, 관심사 및 위치를 수집할 수도 있습니다.

Ok​을(를) 클릭하기 전에 I agree to comply with Facebook conditions of use 상자를 선택합니다.

노트

Private information 섹션에서 하나 이상의 상자를 선택하면 Facebook 권한 요청 화면에 이 데이터에 대한 액세스 요청이 자동으로 표시됩니다.

선택한 정보를 수집하려면 사용자가 정보에 동의해야 합니다.

두 가지 유형의 사전 로드(Adobe Campaign을 통해 및 Facebook을 통해)를 원하는 경우 두 개의 사전 로드 상자를 하나씩 추가합니다.

작업 저장

Save 활동을 사용하면 방문자 테이블의 이전 단계에서 수집된 정보를 저장할 수 있습니다.

프로필이 이미 방문자 테이블에 있으면 해당 데이터가 수집된 새 데이터로 업데이트됩니다.

프로필이 데이터베이스에 없고 Facebook 사용자의 이메일 주소가 수집되면 방문자 테이블에 방문자가 만들어집니다.

  1. Visitor creation folder 필드에서 프로파일을 만들 폴더를 선택합니다. Facebook 유형 웹 애플리케이션의 경우 기본 생성 폴더는 Visitors​입니다.

  2. Reconciliation mode 필드에서 사용할 조정 모드를 선택합니다.

    • Automatic :화해는 이메일, 성, 이름, 생년월일을 기준으로 한다.
    • Manual :조정 키를 하나 이상 선택하십시오.
    • None :화해는 이루어지지 않을 것이다.
  3. Mapping 필드에서 조정을 수행할 스키마를 선택합니다.

    중요

    Social networks 탭의 필드가 배달 매핑에 올바르게 입력되었는지 확인합니다. 배달 매핑은 Administration > Campaign management > Target mappings 노드를 통해 액세스합니다.

  4. 조정을 위해 검색 폴더를 선택하고 새 프로파일을 만들기 폴더를 선택할 수 있습니다. 필드가 비어 있으면 매핑 스키마의 기본 폴더에서 프로필이 검색되고 만들어집니다.

종료 활동

Facebook에 연결된 표시 오류를 사이드 단계로 이동하려면 Use an external URL 상자를 선택하고 Facebook 애플리케이션의 URL 뒤에 app_data 매개 변수와 값을 입력해야 합니다. 이 값은 Test 활동에서 사용자가 방금 경쟁업체에 참가했는지 여부를 감지하고 해당되는 경우 감사 메시지를 표시합니다. 자세한 내용은 다음을 참조하십시오.활동 테스트.

이 예에서 사용된 값은 thanks​입니다.

방문자의 세부 정보 화면

Twitter 팔로워의 경우처럼(운영 원칙), 복구된 Facebook 프로필은 방문자 테이블에 저장됩니다. 방문자 목록을 표시하려면 Profiles and Targets > Visitors 노드로 이동합니다.

프로필 정보를 공유하기로 동의하는 각 Facebook 잠재 고객이 방문자 목록에 추가됩니다. Friends 상자가 Pre-load 활동에서 선택된 경우 다음을 참조하십시오.활동 사전 로드), 친구도 추가됩니다.

방문자 세부 사항 창의 Summary 섹션에는 New Contact 표시기에 대해 가능한 상태가 2개 있습니다.

녹색 확인 표시가 표시되면 방문자가 수신자와 화해하지 않은 것입니다. 이 경우 받는 사람 목록에 새 프로필이 만들어집니다.

적십자란 방문자가 수신자와 화해했음을 의미합니다. Recipient 필드 오른쪽에 있는 돋보기를 클릭하여 일치하는 수신자를 표시할 수 있습니다.

해당하는 경우 수신자의 세부 정보 창으로 이동하여 일치하는 방문자를 표시합니다. Others 탭을 선택한 다음 Web identities 섹션에서 방문자 이름을 두 번 클릭합니다.

방문자 세부 사항 페이지의 Activities 화면에는 다음 정보가 포함됩니다.

  • "Open Graph" 유형 팬 활동:설치된 응용 프로그램(Deezer, Spotify, Dailymotion, Yahoo News 등)의 음악 재생, 비디오, 아티클 읽기 및 정보

  • "좋아요" 및 팬이 Adobe Campaign에서 보낸 전달 후 추가한 댓글

  • 팬이 좋아한 페이지

  • 팬의 체크인

    노트

    Adobe Campaign에서 팬의 체크인을 수집하려면 서비스 구성 화면에서 Subscribe 버튼을 클릭해야 합니다. 자세한 내용은 외부 계정 구성을 참조하십시오.

Facebook 프로필 데이터을 사용하여 양식 필드를 미리 로드하는 방법

또한 Social Marketing 애플리케이션을 사용하면 Facebook 프로필 정보를 사용하여 필드를 미리 로드하는 단추도 양식에 추가할 수 있습니다. 모든 웹 응용 프로그램 템플릿(Page 유형 활동)에서 사용할 수 있는 이 옵션은 이 섹션에 자세히 설명되어 있습니다.

노트

이 함수 사용을 시작하기 전에 Facebook 애플리케이션을 만들고 Facebook Connect 외부 계정을 입력해야 합니다. 자세한 내용은 외부 계정 구성을 참조하십시오.

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now