웹사이트와 모바일 앱에서 Facebook 공유를 구현하여 사용자가 이해하고 신뢰할 수 있는 앱을 빌드하는 데 도움이 되는 모범 사례에 대해 알아봅니다.
Facebook 크롤러를 구현하여 공개적으로 제공되는 Facebook 콘텐츠의 미리 보기를 생성합니다.
크롤러에서 웹사이트가 올바르게 공유되도록 하려면 웹 서버에서 GZIP 및/또는 deflate 인코딩을 활성화해야 합니다.
웹사이트에 대한 유용한 정보(예: 제목, 설명, 미리 보기 이미지)가 Facebook에 공유되었을 때 오픈 그래프 메타 태그를 사용하여 Facebook 크롤러가 해당 정보를 스크랩하도록 합니다.
공유 디버거 도구를 사용하여 스크래퍼가 웹사이트를 보는 방법을 테스트합니다. 디버그 도구는 웹사이트마다 스크랩한 콘텐츠를 새로 고치기도 하므로, 표준 24시간 업데이트 기간보다 자주 업데이트해야 하는 경우에 유용할 수 있습니다.
웹사이트에서 사용자 간 상호작용이 있을 때 Facebook SDK for JavaScript로 추적합니다. 좋아요 버튼을 클릭하거나, 보내기 버튼으로 메시지를 전송하거나, 댓글을 남기는 등의 이벤트를 받아볼 수 있습니다. FB.Event.subscribe
참조 가이드에서 이런 이벤트를 추적하는 방법을 알아볼 수 있습니다.
팔로우를 켜면 콘텐츠 크리에이터가 공개 업데이트 내용을 팔로워와 공유하고, 개인 업데이트 내용은 친구와만 공유하도록 저장할 수 있습니다. 예를 들어 언론인이 특정 위치에서 찍은 사진이나 게시된 기사에 대한 링크와 같은 공개 콘텐츠를 독자나 시청자가 팔로우하도록 허용할 수 있습니다. 팔로우는 친구가 아닌 공개 대상과 연결하여 계속해서 최신 콘텐츠를 공유할 수 있는 간단하고 효율적인 방법입니다.
og:image:width
및 og:image:height
오픈 그래프 태그를 사용하여 크롤러에 이미지 크기를 지정합니다.원활한 경험을 사용할 수 있도록 앱 링크를 사용하여 Facebook에서 앱의 특정 위치로 링크합니다.
비공개 공유를 위해 메시지 대화 상자를 사용합니다. 메시지 대화 상자를 사용하면 Facebook Messenger를 사용하는 더욱 특정하고 제한된 공개 범위와 더욱 개인적인 방식으로 앱의 콘텐츠와 소식을 공유할 수 있습니다.
Facebook 이벤트 관리자로 앱 이벤트를 추적하세요.
HTTP 사용자 에이전트 헤더를 사용하여 iOS 또는 Android용 Facebook에서 웹사이트의 모바일 리퍼럴 트래픽을 추적합니다. 사용자가 사이트의 링크를 뉴스피드에 공유하고 연락처에 있는 사람이 모바일에서 이러한 링크를 클릭하는 경우에 특히 일반적입니다. 앱에서 다음을 수행해야 합니다.
facebook.com
코드를 포함하는 값이 있는 HTTP 리퍼러 헤더에 대기HTTP User-Agent
값이 있고 iOS의 경우 FB_IAB/FB4A
값이 있는 FBAN/FBIOS
확인