페이지에 Facebook 게시물을 임베드(삽입)할 수 있습니다. 이 도움말에서는 Facebook 게시물 주소를 알아내고, 코드를 사용해 페이지에 임베드하는 과정을 설명합니다.

1단계: Facebook 게시물 주소 가져오기

Facebook의 게시물을 내 사이트에 삽입하려면 Facebook 게시물의 주소(URL)가 필요합니다.

1. Facebook에 접속합니다.
2. 오른쪽 상단의 사용자 이름을 클릭해, 내 담벼락으로 이동합니다.

3. 게시물의 오른쪽 하단에 위치한 공유하기를 클릭합니다.

   

4. 링크 복사를 클릭하면 게시물 주소가 복사됩니다.
   참고: 복사한 주소는 잘 메모해 주세요. 아래 2단계 8번 과정에서 사용하게 됩니다.

   

2단계: Facebook 게시물 임베드 코드 삽입하기

1. 디자인 모드에 접속합니다. 접속방법
2. 페이스북 게시물을 삽입할 메뉴로 이동합니다.
3. 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
4. 코드 위젯을 클릭합니다.
5. 코드 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
6. 컨텍스트 메뉴가 나오면 코드 설정을 클릭합니다.

7. 아래의 코드를 빈 칸에 붙여넣습니다.

   <div class="fb-post" data-href="게시물주소" data-width=""></div>

8. 게시물주소라고 작성된 부분을 삭제하고, 위에서 복사한 Facebook 게시물 주소로 대체합니다.

   

9. 더 많은 Facebook 게시물을 삽입하려면, 위 1단계를 참고해 새로운 Facebook 게시물 주소를 획득하고, 위 2단계 3~8번 과정을 반복해 추가합니다.

   

3단계: 페이스북 JavaScript SDK 불러오기

공통으로 사용할 Facebook JavaScript SDK를 불러오는 코드를 추가합니다.

1. 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
2. 코드 위젯을 클릭합니다.
3. 코드 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
4. 컨텍스트 메뉴가 나오면 코드 설정을 클릭합니다.

5. 아래 Facebook JavaScript SDK 코드를 복사합니다.

   <!-- Facebook JavaScript SDK -->
   <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>

6. 코드 설정 빈 칸에 복사한 코드를 붙여넣습니다.

   

7. 저장 버튼을 클릭합니다.

4단계: 미리보기 및 게시하기

1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
2. 페이스북 게시물이 정상적으로 표시되는지 확인합니다.
3. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다.