Facebook에서 공유하기

공유를 사용하면 웹사이트나 모바일 앱에서 Facebook으로 간단하게 콘텐츠를 가져올 수 있습니다. 사용자가 공유하기, 보내기 버튼과 같은 소셜 플러그인을 클릭하면 공유가 트리거되고, 해당 공유 또는 메시지 대화 상자가 실행됩니다. 또한 이러한 대화 상자나 맞춤 공유 인터페이스를 실행하는 버튼을 직접 디자인할 수 있는 옵션도 있습니다.

이 문서에서 설명하는 내용은 다음과 같습니다.

공유 에코시스템

Facebook에서 공유하기는 다음과 같은 몇 가지 핵심 구성 요소에 따라 달라집니다.

URL: 모바일 앱에서 공유하는 경우를 포함하여 대부분의 기사, 이미지, 동영상 및 기타 모든 콘텐츠는 Facebook에 링크로 공유됩니다.

Facebook 크롤러: 누군가 콘텐츠를 공유하면 크롤러에서 Facebook에 미리 보기를 표시하기 위해 페이지를 스크랩합니다.

오픈 그래프 태그: 웹페이지 HTML의 <head>에 오픈 그래프 메타 태그를 추가하면 콘텐츠의 제목, 설명 및 썸네일 이미지와 같은 구조화된 정보를 크롤러에 제공합니다.

공유 인터페이스: 개발자는 몇 가지 최종 사용자 환경을 선택하여 사용자가 웹사이트나 앱에서 Facebook에 공유하도록 제공할 수 있습니다. 다음에서 작동 방식에 대한 개요를 확인해보세요.

버튼 트리거 실행되는 공유 인터페이스 게시 동작

공유하기 버튼

웹:공유 대화 상자

모바일: 네이티브 공유 대화 상자로 신속하게 앱 전환

타임라인 및 활동 로그에 표시됩니다.

뉴스피드에 표시될 수 있습니다.

보내기 버튼

웹:메시지 대화 상자

모바일: 네이티브 메시지 대화 상자로 신속하게 앱 전환

Facebook 메시지로 전송

맞춤 버튼

실행할 수 있는 인터페이스:

공유 대화 상자

메시지 대화 상자

맞춤 공유 인터페이스

공유 대화 상자의 게시 동작을 따르는 맞춤 공유 인터페이스입니다.

콘텐츠 유형

다음은 Facebook에 공유할 수 있는 콘텐츠 유형입니다.

  • 링크 - 대부분의 콘텐츠는 HTML 페이지를 나타내는 URL입니다. 가장 적절한 정보를 제공하려면 Facebook 고유 메타 태그로 페이지를 마크업해야 합니다. 웹 마스터용 공유 가이드를 참조하세요.

  • 사진 - 사용자가 만든 하나 이상의 사진을 직접 업로드할 수 있습니다.

  • 동영상 - 사용자가 만든 동영상을 직접 업로드할 수 있습니다.

  • 멀티미디어 - 사진과 동영상을 함께 사용한 콘텐츠를 직접 업로드할 수 있습니다.

  • 오픈 그래프 소식 - 오픈 그래프 액션 및 개체를 사용하여 강력한 형식의 API를 통해 풍부한 소식을 만듭니다.

사람들이 뉴스피드에 공유하는 콘텐츠에서 앱으로 다시 연결할 수 있습니다. 앱 링크를 사용하면 공유된 콘텐츠에서 앱이 실행됩니다. 앱 내의 특정 컨텍스트로 연결할 수도 있습니다.

인용문 공유

앱에서 사용자 정의, 게시자 정의 등 두 종류의 인용문 공유를 구현할 수 있습니다. 사용자 정의 인용문 공유를 사용하면 사용자가 텍스트를 강조 표시하고 공유할 수 있습니다. 게시자 정의 인용문 공유를 사용하면 공유할 텍스트를 미리 선택하고 텍스트 옆에 공유하기 버튼을 배치할 수 있습니다.

해시태그

해시태그와 공유 링크, 사진 또는 동영상을 연결할 수 있습니다.

공유 방법

Facebook은 사람들이 최대한 쉽고 유연한 방식으로 원하는 대상과 함께 앱의 콘텐츠를 공유할 수 있는 방법을 만들었습니다. 제공되는 옵션을 통해 먼저 앱 사용자의 공유 환경을 선택한 다음 구현 메서드를 선택할 수 있습니다.

현재 사용 중인 플랫폼과 상관없이 미리 빌드된 기본 옵션부터 완전히 네이티브한 100% 맞춤 환경까지 자유롭게 선택하세요.

버튼

Facebook과의 가장 간단한 공유 통합을 원하는 경우 대화 상자를 트리거하는 버튼을 사용해야 합니다. Facebook SDK에서 제공하는 버튼을 사용하면 Facebook 로그인을 구현하지 않고도 간단히 공유 대화 상자를 트리거할 수 있습니다.

좋아요, 공유, 보내기 버튼과 같은 소셜 플러그인을 사용할 수 있습니다. 데스크톱과 모바일 웹에 사용 가능합니다.

모바일

iOSAndroid용 네이티브 좋아요, 공유하기, 보내기 버튼도 있습니다.

맞춤

모든 플랫폼에서 좋아요, 공유하기, 보내기를 트리거하는 고유 맞춤 버튼도 만들 수 있습니다.

네이티브 대화 상자

네이티브 Facebook 대화 상자를 사용할 때 Facebook 로그인을 추가하지 않고 공유 기능을 사용할 수 있습니다. 네이티브 버튼과 마찬가지로 바로 사용할 수 있는 구현을 제공합니다.

공유 대화 상자

공유 대화 상자를 사용하면 앱에 로그인하거나 권한을 부여하지 않고도 쉽게 콘텐츠를 공유할 수 있습니다. 웹, Android 및 iOS에서 작동합니다.

모바일에서 공유 대화 상자를 사용하여 공유하는 경우 대화 상자가 해당 기기에서 Facebook 앱으로 신속하게 앱을 전환합니다. 네이티브 Facebook 앱이 설치되지 않은 경우 폴백으로 사용할 웹 대화 상자도 있습니다.

메시지 대화 상자

메시지 대화 상자를 사용하면 콘텐츠를 Messenger에 개인 메시지로 공유할 수 있습니다. 메시지 대화 상자는 공유 대화 상자와 같이 Facebook 로그인을 구현하거나 publish_actions 권한을 요청하지 않아도 되는 네이티브 공유 구성 요소입니다.

메시지 대화 상자를 사용하면 링크, 이미지 및 오픈 그래프 소식을 공유할 수 있습니다. 모바일의 경우 기본 Messenger 앱이 설치되어 있어야 합니다.

맞춤 공유 인터페이스

웹사이트 또는 앱의 공유 환경을 맞춤 설정하는 경우 모든 플랫폼에서 대화 상자를 트리거하는 고유 버튼을 만들거나 맞춤 버튼 그래프 API를 호출하는 맞춤 대화 상자를 사용할 수 있습니다.

앱에 맞춤 공유 대화 상자를 추가하려면 Facebook 로그인을 구현하고, 로그인 검수가 필요한 publish_actions 권한을 요청해야 합니다.

콘텐츠 최적화

마크업

Facebook에 콘텐츠가 표시되는 방식을 관리하기 위해 오픈 그래프 태그를 사용하여 웹사이트의 HTML을 마크업하는 것이 중요합니다. 이러한 태그가 없는 경우 Facebook 크롤러에서 콘텐츠의 제목, 설명 및 이미지와 같은 콘텐츠를 식별하기 위해 계속 시도합니다.

페이지 HTML의 <head>에 오픈 그래프 태그를 추가하여 Facebook에 공유할 콘텐츠를 최적화합니다. 이러한 태그는 공유된 콘텐츠에 대한 설명으로 이미지, 동영상, 기사와 같은 콘텐츠 유형과 추가 속성이 여기에 포함됩니다.

공유를 위한 마크업에서 콘텐츠와 함께 포함해야 하는 태그에 대해 알아보세요.

URL 업데이트

콘텐츠를 새 URL로 이동하는 경우 좋아요, 공유 및 원본 URL의 댓글이 자동으로 마이그레이션되지 않습니다. 새 URL에 이러한 액션을 계속 포함하려면 Facebook 크롤러가 콘텐츠의 표준 URL을 나타내는 이전 페이지를 가리키도록 지정해야 합니다. 이 웹 마스터용 문서에서 방법을 알아보세요.