모범 사례

웹사이트와 모바일 앱에서 Facebook 공유를 구현하여 사용자가 이해하고 신뢰할 수 있는 앱을 빌드하는 데 도움이 되는 모범 사례에 대해 알아봅니다.

웹사이트에 대한 권장 사항

  • Facebook 크롤러를 구현하여 공개적으로 제공되는 Facebook 콘텐츠의 미리 보기를 생성합니다.

  • 크롤러에서 웹사이트가 올바르게 공유되도록 하려면 웹 서버에서 GZIP 및/또는 deflate 인코딩을 활성화해야 합니다.

  • 웹사이트에 대한 유용한 정보(예: 제목, 설명, 미리 보기 이미지)가 Facebook에 공유되었을 때 오픈 그래프 메타 태그를 사용하여 Facebook 크롤러가 해당 정보를 스크랩하도록 합니다.

  • 공유 디버거 도구를 사용하여 스크래퍼가 웹사이트를 보는 방법을 테스트합니다. 디버그 도구는 웹사이트마다 스크랩한 콘텐츠를 새로 고치기도 하므로, 표준 24시간 업데이트 기간보다 자주 업데이트해야 하는 경우에 유용할 수 있습니다.

  • 웹사이트에서 사용자 간 상호작용이 있을 때 Facebook SDK for JavaScript로 추적합니다. 좋아요 버튼을 클릭하거나, 보내기 버튼으로 메시지를 전송하거나, 댓글을 남기는 등의 이벤트를 받아볼 수 있습니다. FB.Event.subscribe 참조 가이드에서 이런 이벤트를 추적하는 방법을 알아볼 수 있습니다.

  • 팔로우를 켜면 콘텐츠 크리에이터가 공개 업데이트 내용을 팔로워와 공유하고, 개인 업데이트 내용은 친구와만 공유하도록 저장할 수 있습니다. 예를 들어 언론인이 특정 위치에서 찍은 사진이나 게시된 기사에 대한 링크와 같은 공개 콘텐츠를 독자나 시청자가 팔로우하도록 허용할 수 있습니다. 팔로우는 친구가 아닌 공개 대상과 연결하여 계속해서 최신 콘텐츠를 공유할 수 있는 간단하고 효율적인 방법입니다.

    • 팔로우 사용 - 페이지 계정 설정으로 이동하여 팔로워 탭을 클릭합니다. 팔로워를 허용하도록 상자를 선택하고, 원하는 경우 팔로워 댓글과 알림에 맞게 설정을 조정할 수 있습니다.
    • 타임라인 채우기 - 타임라인이 전문적으로 보이도록 만듭니다. 커버 사진, 직위 및 경력, 중요한 커리어 마일스톤 및 중요 이벤트를 추가할 수 있습니다.
    • 관찰 - 기타 언론인, 사진작가, 저자 및 대규모 팔로워 층이 있는 사람을 팔로우합니다. 타임라인을 방문하고 공유하는 콘텐츠 유형을 확인합니다.
    • 팔로워에 게시 - 흥미로운 사진, 콘텐츠 링크 및 최근 근황 업데이트 등을 공유합니다. 팔로워는 피드에서 전체 공개로 설정된 모든 게시물을 볼 수 있습니다.

이미지

  • 고해상도 기기에서 최상의 크기와 화질로 표시되려면 너비가 최소 1080픽셀인 이미지를 사용합니다. 이미지 링크 광고를 표시하려면 최소한 너비가 600픽셀인 이미지를 사용해야 합니다. 광고 크리에이티브에서는 이미지 링크 광고가 더욱 잘 보일 수 있도록 1:1 이미지로 사용하는 것이 좋습니다.
  • URL 공유 디버거 도구를 통해 URL을 실행하여 웹사이트의 메타데이터를 미리 가져와 이미지를 미리 캐시할 수 있습니다. 콘텐츠의 이미지를 업데이트하는 경우에도 이 작업을 수행해야 합니다.
  • 비동기적으로 다운로드하고 처리할 필요 없이 즉시 렌더링하도록 og:image:widthog:image:height 오픈 그래프 태그를 사용하여 크롤러에 이미지 크기를 지정합니다.

게임 앱용 이미지

  • 오픈 그래프 소식 이미지는 정사각형 형식으로 표시됩니다. 이러한 앱의 이미지 크기는 600x600픽셀이어야 합니다.
  • 오픈 그래프로 만들지 않은 소식 이미지는 직사각형 형식으로 표시됩니다. 600x314픽셀과 같이 1.91:1 이미지 비율을 사용해야 합니다.

모바일에 대한 권장 사항

  • 원활한 경험을 사용할 수 있도록 앱 링크를 사용하여 Facebook에서 앱의 특정 위치로 링크합니다.

  • 비공개 공유를 위해 메시지 대화 상자를 사용합니다. 메시지 대화 상자를 사용하면 Facebook Messenger를 사용하는 더욱 특정하고 제한된 공개 범위와 더욱 개인적인 방식으로 앱의 콘텐츠와 소식을 공유할 수 있습니다.

  • Facebook 이벤트 관리자로 앱 이벤트를 추적하세요.

  • HTTP 사용자 에이전트 헤더를 사용하여 iOS 또는 Android용 Facebook에서 웹사이트의 모바일 리퍼럴 트래픽을 추적합니다. 사용자가 사이트의 링크를 뉴스피드에 공유하고 연락처에 있는 사람이 모바일에서 이러한 링크를 클릭하는 경우에 특히 일반적입니다. 앱에서 다음을 수행해야 합니다.

    • facebook.com 코드를 포함하는 값이 있는 HTTP 리퍼러 헤더에 대기
    • 리퍼럴 트래픽이 iOS 또는 Android용 Facebook이나 이러한 채널의 모바일 웹 브라우저용 Facebook에서 시작되는지 확인 Android의 경우 HTTP User-Agent 값이 있고 iOS의 경우 FB_IAB/FB4A 값이 있는 FBAN/FBIOS 확인