앱 만들기

사이트에 앱을 추가하려면 먼저 Livefyre Studio에서 앱을 만들어야 합니다.

새 앱을 만들려면:

  1. Apps 페이지에서 +New App 을 클릭하고 풀다운 메뉴에서 앱 유형을 선택합니다.
  2. 대화 New App 상자가 나타납니다. 앱을 App Title​입력하고 SiteCreate 선택한 다음 을 클릭하여 앱 개요 페이지를 엽니다.

앱 요약 페이지에는 다음 4개의 탭이 있습니다.

  • App Summary:은 앱의 콘텐츠 및 상태에 대한 개요를 제공하며, 해당 사이트에서 앱에 액세스하여 내장 코드를 생성할 수 있는 도구를 제공합니다.
  • Designer:글꼴, 색상 구성표 및 앱별 구성 옵션을 포함하여 앱에 대한 디자인 옵션을 선택할 수 있습니다.
  • Streams: lists all Stream sources for the App’s content. 스트림 제목을 클릭하여 편집할 수 있는 스트림 세부 사항 페이지를 엽니다.
  • Settings:앱에 콘텐츠를 추가하는 규칙 및 표시할 콘텐츠 유형을 비롯하여 앱별 설정을 선택할 수 있습니다. 탭을 클릭하여 앱에 대한 네트워크 및 사이트 설정을 무시합니다. Settings

앱 목록

앱 목록 페이지에서는 모든 기존 Livefyre 앱에 대한 액세스 권한을 제공합니다.

앱 목록 페이지에는 다음 정보가 표시됩니다.

  • Title:앱 제목을 나열하고 앱 유형을 나타내는 아이콘을 포함합니다.
  • Site:사이트별로 앱의 위치를 나열합니다.
  • Content Count:앱에 게시된 콘텐츠 수를 나열합니다.
  • Date Modified:App Designer에서 앱이 마지막으로 변경된 시간을 나열합니다.
  • Embed Code (</>):아이콘을 클릭하여 앱에 대한 포함 코드를 생성합니다.

앱 맞춤화

앱 디자이너 탭을 사용하여 앱을 사용자 지정하는 Style 옵션과 Configuration 옵션을 선택할 수 있습니다.

Style 모든 앱 유형에서 옵션이 일관됩니다.옵션은 Configuration 앱마다 다릅니다. 및 Style Configuration 창의 아래쪽에 앱용 Livefyre 앱 버전이 나열됩니다.

스타일 옵션 선택

사이트의 브랜딩에 맞게 앱 스타일을 지정합니다. 이 Style 옵션을 사용하여 앱의 색상 및 글꼴 스타일을 선택합니다.

  • Theme. 또는 Light Dark 를 선택하여 표시된 컨텐츠의 배경색을 정의합니다. 이 설정을 변경하면 오른쪽의 미리 보기에 즉시 반영됩니다. 이 설정은 앱에 대한 배경, 컨텐츠 텍스트, 사용자 핸들, 타임스탬프, 공유 단추 및 소셜 아이콘 색상 선택을 제어합니다.

  • Brand color. 앱의 색상을 선택합니다. 이 색상은 오른쪽 미리 보기 창에 표시된 대로 해시 태그, URL, 사용자 이름, @언급, 막대 차트 및 기타 앱별 구성 요소에 사용됩니다.

  • Font family. 앱에서 사용자 생성 콘텐츠의 글꼴을 선택합니다. Georgia 또는 Times New Roman을 선택하면 해당 글꼴이 컨텐츠에 할당되고 Helvetica Neue는 사용자 이름과 표시 이름에 할당됩니다. Helvetica, Verdana 또는 Trebuchet을 선택하면 이러한 글꼴이 컨텐츠, 사용자 이름 및 표시 이름에 할당됩니다.

  • Font size. 기본 글꼴 크기를 선택합니다. 이 설정은 사용자가 생성한 모든 콘텐츠와 앱에 표시되는 제목에 영향을 줍니다.

앱 업데이트

최신 버전의 앱이 있으면 Update 단추가 표시됩니다.

단추를 클릭하여 최신 릴리스 버전으로 업데이트합니다. 앱을 새로 고쳐 모든 기능 개선 사항 및 버그 수정을 사용합니다. 업데이트한 후, 앱 변경 사항(있는 경우)을 미리 본 다음 업데이트를 승인하거나 거부합니다.

앱에 클릭유도문안 단추 추가

클릭유도문안 버튼을 추가하여 UGC에서 전환율을 높일 수 있습니다.

앱에 클릭유도문안 단추를 추가하려면:

  1. Mosaic 또는 Media Wall 응용 프로그램을 만듭니다.

    Mosaic 또는 Media Wall에서 사용할 수 있는 사용자 지정에 대한 자세한 내용은 Mosaic Customization 또는 Media Wall Customizations를 참조하십시오.

  2. 앱용 디자이너를 엽니다.

  3. 디자이너의 Call-to-Action Button 섹션으로 스크롤합니다.

  4. Call-to-Action Button 전환합니다 on.

  5. 클릭유도문안 단추 옵션을 구성합니다.

앱 미리 보기

App Designer를 사용하면 앱을 여러 전달 포맷으로 미리 볼 수 있고 자체 또는 샘플 데이터가 표시됩니다.

디자인 모드로 Exit Preview 돌아가려면 선택합니다.

미리 보기 모드는 다음 옵션을 제공합니다.

  • Preview Options:풀다운 메뉴를 사용하여 미리 보기 형식(모바일, 태블릿 또는 데스크탑)과 앱의 스트림 데이터를 표시할지 Sample Data 여부를 선택합니다.

노트

선택을 취소하고 Sample Data​앱에 대해 활성화된 스트림이 없으면 미리 보기 모드에 콘텐츠가 표시되지 않습니다.

  • Share:앱을 새 브라우저 탭에서 열고 URL을 생성합니다. 이 URL은 친구, 동료 또는 Studio 이외의 사용자가 앱을 검토하고 다른 브라우저와 장치에서 테스트하는 데 사용할 수 있습니다.

    노트

    앱의 검토 버전에 게시된 모든 콘텐츠가 앱에 추가됩니다. 이 콘텐츠가 게시된 앱에 표시되지 않게 하려면 게시를 클릭하기 전에 삭제해야 합니다.

  • Exit Preview:편집 모드로 돌아갑니다.

노트

미리 보기 모드는 완전히 인터랙티브하므로 앱에 대한 사용자 경험을 테스트할 수 있습니다. 이 기능을 활성화하면 미리 Allow user posts​보기 링크가 있는 사용자가 What’s on your mind 단추를 클릭하고 컨텐츠를 테스트 버전에 게시할 수 있습니다. Studio는 게시한 컨텐츠를 나열합니다.

앱 게시

App Designer는 변경 후 앱을 자동으로 저장합니다. 를 Publish 사용하여 포함 코드를 생성하거나 이전에 게시된 이 앱의 버전을 현재 버전으로 업데이트할 수 있습니다.

노트

을 클릭하면 앱에 대한 포함 코드가 Publish 생성되며, 이전에 게시된 경우 앱의 기존 인스턴스가 모두 업데이트됩니다.

앱 내역 검토

App Designer는 변경한 후 앱을 자동으로 저장하고 각 변경 사항에 대해 새 버전을 생성합니다. 를 History 사용하여 앱의 모든 버전이 나열된 패널을 열 수 있습니다. 나열된 버전에는 각 버전의 편집기와 사용 기간이 표시됩니다.

앱 내역을 검토하려면

  1. 버전을 클릭하여 선택합니다.
  2. 미리 보기 디스플레이를 새로 고칩니다.
  3. 아이콘을 Restore Version 클릭하여 선택한 버전을 복제하고 해당 버전에서 작업을 수행합니다.
  4. 작업 초안으로 되돌리려면 [뒤로] 단추를 Version History 클릭합니다.
  5. Share 클릭하여 미리 보기에 대한 URL을 생성합니다.
노트

창이 열려 있는 동안에는 앱을 편집할 수 Version History 없습니다.

브라우저 창이 열려 있는 동안 다른 편집기가 변경된 경우 Livefyre가 앱을 편집하려고 할 때 이전 버전의 초안 버전으로 돌아갈 것인지 묻는 경고 메시지를 표시합니다. 이렇게 하면 여러 명의 동시 편집자가 실수로 서로의 변경 내용을 무시하지 못합니다. 최신 Update to Latest 버전에서 작업을 시작하려면 을 클릭합니다. 을 Overwrite 클릭하여 (이전) 작업 상태로 돌아가고 최신 버전 번호를 증가시킨 다음 작업을 계속합니다.

앱 요약 탭

앱 요약 탭을 사용하여 개별 앱에 대한 정보를 관리할 수 있습니다.

앱 요약 탭에서는 다음 작업을 수행할 수 있습니다.

  • See on Site:사이트에서 앱을 엽니다.

  • Embed code:게시된 앱에만 사용할 수 있으며, 게시된 앱에 대한 포함 코드를 생성하기 위한 클릭 가능한 링크를 제공합니다.

    노트

    이 포함 코드를 사용하여 댓글 또는 라이브 블로그 앱에 투표를 추가합니다. 자세한 내용은 사용자 지정 상호 작용 > 사용자 지정 HTML을 참조하십시오.

  • View Content:앱에 게시된 모든 콘텐츠를 나열하는 콘텐츠 페이지를 엽니다.

  • Moderate:ModQ를 열고 앱 중재를 기다리는 모든 콘텐츠를 나열합니다.

  • Developer Info:앱의 컬렉션 ID, 아티클 ID 및 사이트 ID를 제공합니다.

Studio를 사용하여 사이트에 앱 포함

포함 코드를 생성합니다.

앱이 게시되면 Livefyre는 내장 코드를 생성하여 표시합니다. 내장 코드는 네트워크의 모든 페이지에 앱을 임베드하는 데 사용할 수 있습니다. 페이지에 앱을 임베드하는 데 사용되는 HTML 조각을 다시 생성하려면 다음을 수행하십시오.

  1. 앱 개요 화면에서 </> Embed Code 단추를 클릭합니다.

  2. 열려 있는 Embed Code 패널에서 웹 페이지에 표시된 HTML 코드 조각을 복사하여 붙여 넣습니다.

    사용자 인증이 필요한 앱의 경우 포함 코드를 추가하기 전에 사용자 인증에 대한 통합이 완료되어 페이지에서 있어야 합니다.

앱 삭제

Livefyre Studio의 앱 목록에서 앱을 삭제할 수 있습니다. Studio에서 앱을 삭제하면 앱이 표시되지 않고 삭제 또는 중지되지 않습니다.

  • 사이트에서 앱이 계속 작동하지 않습니다.
  • 연결된 스트림.
  • Livefyre의 관련 컬렉션

앱을 삭제하려면

  1. 클릭 Apps.
  2. 삭제할 앱 이름의 오른쪽에 있는 줄임표를 클릭합니다.
  3. 앱을 Delete App 삭제하려면 클릭합니다.

이 페이지에서는