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)을 클릭할 때 Welcome 메시지를 표시할 수 있는 애플리케이션을 만들려고 합니다.

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

  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 페이지에 표시되는지 확인합니다. 이 링크를 클릭하면 Welcome 메시지가 표시됩니다.

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 사용자에게 연락하여 해당 사용자가 프로필 정보를 공유할 수 있도록 제공하는 방법을 보여줍니다. 한 예로 Facebook에서 잠재 고객을 확보하고 경쟁을 펼치고자 하는 회사의 경우를 보자.

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

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

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

이 사용 사례를 빌드하기 위해 다음 요소를 포함하는 웹 애플리케이션을 만들었습니다.

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

활동 테스트

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

그것은 세 개의 지기로 구성되어 있습니다.

  • identifier (UID) is empty : 사용자가 이미 정보를 공유하기로 동의한 경우에만 식별자가 Facebook에 의해 전달됩니다. Test 활동의 첫 번째 분기를 사용하면 입장한 적이 없는 사용자(예: 빈 ID가 있는 사용자)에게만 경쟁을 사용할 수 있도록 할 수 있습니다.
  • application parameter equals ‘thanks’ : facebook에 연결된 표시 오류를 사이드 단계로 이동하려면 웹 애플리케이션 종료 페이지는 app_data 값 사용에 추가된 thanks Facebook 애플리케이션의 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 프로필 정보를 정의할 수 있습니다.

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 표시기에 대해 두 가지 가능한 상태가 있습니다.

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

빨간색 십자는 방문자가 수신자와 조정되었음을 의미합니다. 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 유형 외부 계정을 만들어야 합니다. 자세한 내용은 외부 계정 구성을 참조하십시오.

facebook 프로필에서 가져온 데이터로 양식 필드를 미리 로드합니다

웹 양식을 만들고 사용자가 양식 페이지에 상호 작용이 없는 요소를 포함합니다. 이미지, HTML 콘텐츠, 가로 막대 또는 하이퍼텍스트 링크와 같은 정적 요소입니다. 이 페이지에서 웹 양식의 정적 요소에 대해 자세히 알아보십시오.

정적 요소를 삽입할 때 Preload with Facebook 옵션을 사용하면 Facebook 프로필 정보를 사용하여 필드를 미리 로드하기 위해 양식에 단추를 삽입할 수 있습니다.

사용자가 Fill in automatically 버튼을 클릭하면 Facebook 권한 요청 창이 열립니다.

노트

외부 계정을 구성할 때 확장 권한 목록을 변경할 수 있습니다. 확장 권한이 구성되지 않은 경우 Facebook은 기본적으로 기본 프로필 정보를 전달합니다.
확장 권한 목록과 구문을 보려면 Facebook 설명서를 참조하십시오.

사용자가 정보를 공유하기로 동의하면 양식의 필드가 미리 로드됩니다.

이 사용 사례에서는 다음 요소로 구성된 웹 애플리케이션을 만들었습니다.

  • 양식이 포함된 페이지
  • Record 활동
  • End 활동

미리 로드 단추를 추가하려면 다음 단계를 수행합니다.

  1. 양식을 만듭니다.

  2. 양식의 필드와 동일한 수준으로 이동하여 링크를 추가합니다.

  3. 레이블을 입력하고 Button 유형을 선택합니다.

  4. Action 필드로 이동하고 Preload with Facebook 을 선택합니다.

  5. Application 필드로 이동하고 이전에 만든 Facebook Connect 유형 외부 계정을 선택합니다. 자세한 정보는 이 페이지를 참조하십시오.

이 페이지에서는