포함(embed)된 댓글

포함(embed)된 댓글은 Facebook 사용자 또는 페이지를 통해 웹사이트나 웹 페이지의 콘텐츠에 전체 공개 댓글을 손쉽게 포함하는 방법입니다. Facebook 페이지와 프로필의 전체 공개 댓글만 포함(embed)할 수 있습니다.

설정레이아웃

단계별 안내

1. 댓글 링크 선택

포함(embed)된 댓글 플러그인을 사용할 댓글의 링크를 선택합니다. 댓글의 링크를 가져오려면 댓글 옆의 타임스탬프를 마우스 오른쪽 버튼으로 클릭하고 링크 주소를 복사합니다(자세한 내용은 댓글의 URL 가져오기 참조).

2. HTML 픽셀 코드 업데이트

data-href 속성을 댓글의 URL로 업데이트합니다.

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your embedded comments code -->
<div class="fb-comment-embed"
   data-href="https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185"
   data-width="500"></div>

3. HTML 픽셀 코드 복사하여 붙여넣기

랜딩 페이지 웹사이트의 HTML에 픽셀 코드를 복사하여 붙여넣습니다.

포함(embed)된 댓글 코드 생성기

설정

위의 구성 도구에는 포함(embed)된 동영상 플레이어에 대한 모든 설정이 포함되지 않습니다. 다음과 같은 설정도 변경할 수 있습니다.

설정 설명 기본값

data-href

댓글의 절대 URL입니다.

n/a

data-width

포함(embed)된 댓글 컨테이너의 너비입니다. 최솟값은 220px입니다.

데스크톱에서는 560px입니다. 모바일에서는 이 매개변수가 무시되며 너비가 항상 100%(유동 너비)입니다.

data-include-parent

상위 댓글을 포함하려면 true로 설정합니다(URL이 답장인 경우).

false

댓글의 URL 가져오기

댓글의 URL을 가져오려면 다음 단계를 따르세요.

  1. 댓글의 게시 시간을 클릭합니다(예: "18시간", 아래 스크린샷에서 빨간색으로 표시됨). 페이지가 다시 로드될 때까지 기다립니다.
  2. 브라우저 주소창에서 업데이트된 URL을 복사합니다. URL에는 comment_id= 문자열이 포함되어야 합니다(스크린샷 참조).

데스크톱의 레이아웃

아래 예제에서처럼 포함(embed)된 댓글 태그의 data-width 속성을 통해 데스크톱에 표시될 포함(embed)된 댓글의 너비를 조정할 수 있습니다. 350750픽셀 사이의 값을 선택합니다.

플러그인의 크기를 조정하는 데 CSS 스타일 태그를 사용하지 마세요. 디스플레이 오류가 발생할 수 있습니다.

<!-- WRONG! -->
<style type="text/css">
.fb-comment-comment {
  width: 500px;
}
</style>
<div class="fb-comment-comment" data-href="{your-comment-url}"></div>

<!-- CORRECT -->
<div class="fb-comment-comment" data-href="{your-comment-url}" data-width="500"></div>

Facebook에서 포함(embed)하기

Facebook 공개 댓글에서 직접 코드를 포함(embed)할 수 있습니다.

댓글 플러그인에서 포함(embed)하기

댓글 플러그인에서 직접 코드를 포함(embed)할 수 있습니다.

언어 변경

Facebook JavaScript SDK의 현지화된 버전을 읽어들여 포함(embed)된 댓글 플러그인의 언어를 변경할 수 있습니다. SDK를 읽어들일 때 개발자의 언어를 사용하도록 js.src 값을 변경합니다. en_US는 개발자의 언어로 대체합니다. 예를 들면 프랑스 개발자는 fr_FR(프랑스어)로 변경합니다.

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.2";

지원 언어는 Facebook 언어 XML 파일에서 참조하세요.

다른 언어에서도 사용할 수 있도록 소셜 플러그인의 너비를 조정해야 할 수도 있습니다. 자세한 정보는 현지화 및 번역 페이지에서 확인할 수 있습니다.