curl로 직접 호출했습니다. 아래 스크린샷은 전부 2026년 7월 그 세션에서 나온 것입니다.먼저 이 글 전체의 전제가 되는 사실 하나를 짚고 시작하겠습니다. 인스타그램에는 피드를 임베드하는 기능이 없습니다. 페이스북의 페이지 플러그인처럼 내 최근 게시물을 내 사이트에 그대로 뿌려 주는 공식 도구가 존재하지 않습니다. 인스타그램이 제공하는 것은 게시물을 한 개씩 임베드하는 방법뿐이고, 이 사실은 아래 공식 방법 검증 파트에서 네 가지 방식으로 확인했습니다. 그래서 실제 선택지는 두 가지로 좁혀집니다. 게시물을 손으로 하나씩 붙여넣거나, 인스타그램 그래프 API를 통해 가져오는 위젯을 쓰거나입니다.
공식 방법 네 가지를 전부 검증했습니다
비교 글에서 잘 다루지 않는 부분이라 여기부터 시작합니다. 네 가지 방법을 시험했고, 네 가지 결과가 나왔습니다.
방법 1: 게시물 임베드는 있습니다. 다만 한 개 단위입니다
게시물을 열고 점 세 개 메뉴를 누르면 Embed 항목이 있습니다. <blockquote>와 스크립트 태그로 된 코드를 내주고, 실제로 작동합니다. 인스타그램이 공식적으로 지원하는 임베드는 이것 하나뿐입니다.
중요한 것은 여기서부터입니다. 이것은 게시물 하나짜리 임베드입니다. 최근 게시물 열두 개를 보여주려면 코드 블록을 열두 개 붙여넣어야 하고, 새 게시물을 올릴 때마다 페이지를 다시 편집해야 합니다. 프로필 임베드도, 최신 게시물 위젯도, 스스로 갱신되는 것도 없습니다.
방법 2: 스토리는 임베드 자체가 존재하지 않습니다
같은 방식으로 스토리에서 메뉴를 열면 Embed 항목이 아예 없습니다. 제공되는 것은 신고, 계정 정보, 취소뿐입니다.
릴스에는 Embed가 있으므로, 빠져 있는 것은 스토리에 한정된 이야기입니다. 따라서 어떤 서비스가 홈페이지에 인스타그램 스토리를 표시해 준다고 한다면 그것은 임베드가 아니라, 계정 소유자의 허가를 받아 그래프 API로 스토리를 읽어 오는 완전히 다른 방식입니다. 그 경로를 끝까지 따라간 기록은 별도 글로 정리해 두었습니다. 홈페이지에 인스타그램 스토리 표시하기 (영어)에서 API 방식의 단계와, 24시간이 지난 스토리가 사이트에서 어떻게 처리되는지를 다룹니다.
방법 3: 공식 임베드 코드가 실제로 렌더링하는 것
생각을 바꾸게 된 결과가 이것입니다. 인스타그램이 준 임베드 코드를 사용자 정의 HTML 블록에 붙여넣고, 페이지를 게시한 뒤 시크릿 창으로 열었습니다. 게시물은 표시되지 않았습니다. 남은 것은 밑줄 그어진 텍스트 링크 두 줄이었습니다. 이미지도, 영상도, 캡션도 없었습니다.
모바일 화면 폭에서도 결과는 같았습니다.
이 결과가 무엇을 증명하는지는 정확하게 적겠습니다. 인스타그램 임베드는 <blockquote>이고, instagram.com에서 불러오는 스크립트가 그것을 실제 게시물 카드로 바꿔 주는 구조입니다. 위 화면은 그 스크립트가 실행되지 않았거나 끝까지 완료되지 않았을 때 남는 대체 표시입니다. 공식 임베드가 누구에게도 작동하지 않는다는 뜻이 아닙니다. 스크립트가 정상적으로 로드되면 게시물 카드가 나옵니다.
그런데도 이것이 중요한 이유는, 이 상태가 드문 예외가 아니기 때문입니다. instagram.com에서 불러오는 스크립트는 광고 차단기, 추적 차단기, 브라우저의 강화된 개인정보 보호 모드, 그리고 방문자가 동의하기 전까지 서드파티 스크립트를 막아 두는 쿠키 동의 배너가 정확히 겨냥하는 종류의 요청입니다. 그런 방문자에게는 위 스크린샷이 그대로 보입니다. 게다가 이 실패는 조용히 일어납니다. 로그인한 상태의 내 브라우저에서는 멀쩡하게 보이기 때문에 운영자는 알아차리기 어렵고, 인스타그램이 준비해 둔 대체 표시가 하필 링크 두 줄입니다.
방법 4: 워드프레스의 인스타그램 블록은 사라졌습니다
워드프레스에는 예전 oEmbed 엔드포인트를 쓰는 전용 인스타그램 임베드 블록이 있었습니다. 워드프레스 7.0.2에서는 블록 삽입기에 더 이상 없습니다. 유튜브나 X에서 통하는 방식, 즉 URL만 한 줄에 붙여넣는 자동 임베드를 시도하면 실패 안내가 나옵니다.
워드프레스에서 인스타그램 피드가 표시되지 않는 원인 (영어)을 찾고 계셨다면, 상당수는 이것이 답의 전부입니다. 기억하시는 그 블록은 제거되었고, URL 붙여넣기는 조용히 링크로 바뀝니다.
oEmbed 엔드포인트: 예상이 빗나간 부분
예상과 다르게 나온 검증이라, 있었던 그대로 적습니다.
옛 엔드포인트가 죽어 있는 것은 예상대로였습니다. api.instagram.com/oembed/를 호출하면 HTTP 302에 content-length: 0이 돌아옵니다. 본문 없는 리다이렉트이고, 임베드 데이터는 없습니다.
대체 엔드포인트는 앱 등록과 액세스 토큰을 요구할 것이라고 예상했는데, 그렇지 않았습니다. graph.facebook.com/v23.0/instagram_oembed를 액세스 토큰 없이 호출했더니 HTTP 200과 함께 blockquote JSON이 그대로 돌아왔습니다.
그러므로 인스타그램 oEmbed가 이제 앱과 토큰 뒤에 있다는 흔한 설명은 검증한 날 기준으로 사실이 아니었고, 저희는 그 설명을 따라 쓰지 않겠습니다. 다만 공정하게 덧붙일 것이 두 가지 있습니다. 응답에는 x-ad-api-version-warning 헤더가 실려 지원 중단된 API 버전을 호출하고 있다고 알려 주었고, 문서화되지 않은 데다 인증도 없고 지원 중단 표시까지 붙은 엔드포인트 위에 사이트 기능을 올리는 것은 권할 만한 일이 아닙니다. 그러나 “토큰이 필요하다”는 것은 저희가 측정한 결과가 아니므로 그렇게 쓰지 않습니다.
인스타그램 피드를 홈페이지에 삽입하는 5단계
여기서부터는 CollectSocials로 진행한 경로이고, 같은 2026년 7월 세션에서 처음부터 끝까지 스크린샷으로 남긴 내용입니다. 다섯 단계이고, 코드라고 부를 만한 작업은 마지막에 코드 한 조각을 붙여넣는 것뿐입니다. 다른 도구를 검토 중이시더라도 과정의 큰 틀은 대체로 비슷합니다. 아래의 세부 화면이 저희 것일 뿐입니다.
이 애니메이션에 대하여
인스타그램 피드를 사이트에 올릴 때 거치는 여섯 단계가 순서대로 나타나고, 완료된 단계에는 체크 표시가 붙는 애니메이션입니다. 목표 설정, 피드 종류 선택, 계정 연결, 게시물 관리 설정, 레이아웃 조정, 코드 삽입 후 모바일 확인 순서이며, 아래 다섯 단계 안내와 같은 흐름입니다.
1단계: 피드를 만들고 인스타그램을 고릅니다
모든 것이 피드 단위로 움직이므로 피드부터 만듭니다. 무료 계정을 만들고 새 피드를 연 뒤 이름을 정하고, 이때 기본 게시물 상태도 함께 정합니다. Approved로 두면 수집된 게시물이 자동으로 표시되고, 전부 검토 후에 내보내도록 잡아 둘 수도 있습니다.
인스타그램을 고르면 소스 종류 다섯 가지가 나옵니다. 계정(Account), 태그(Tagged), 해시태그(Hashtag), 멘션(Mention), 스토리(Stories)입니다. 다섯 가지 모두 무료로 사용하실 수 있습니다. 첫 피드라면 계정을 고르시면 됩니다. 내 게시물이 올린 순서대로 들어옵니다. 나머지 중 두 가지는 저희가 아니라 Meta가 정한 조건이 붙으므로, 피드 종류 파트를 먼저 읽고 결정하시기 바랍니다.
2단계: 계정을 연결합니다
연결 경로는 두 가지이고, 순서에 의미가 있습니다. Via Facebook을 먼저 쓰시는 편이 좋습니다. 오래된 경로이고, 모든 비즈니스 계정과 크리에이터 계정에서 작동하며, 뒤에서 해시태그 검색을 하려면 어차피 필요한 경로이기 때문입니다.
인스타그램 직접 로그인은 Facebook 페이지를 거치지 않는 경로이고, 요구하는 권한도 프로필 조회와 미디어 접근 하나뿐입니다.
확실히 더 간단합니다. 다만 내 계정에서 이 경로가 끝까지 완료되지 않는다면 Via Facebook으로 진행하시면 됩니다. 결과로 만들어지는 피드는 같고, 해시태그 검색에는 어차피 그 경로가 필요합니다.
3단계: 어떤 게시물을 표시할지 고릅니다
가져온 게시물은 사이트로 바로 나가지 않고 검토 화면으로 들어옵니다. 게시물마다 승인, 상단 고정, 제외를 선택할 수 있습니다.
4단계: 피드 디자인을 정합니다
레이아웃과 카드 형태, 테마는 Design Studio에서 고릅니다. 가상의 예시가 아니라 방금 가져온 내 실제 게시물 위에서 미리보기가 갱신됩니다.
5단계: 코드 한 조각을 페이지에 붙여넣습니다
Get Code를 누르면 피드를 어디에 넣을 것인지 묻고, 그 대상에 맞는 코드를 내줍니다.
코드 자체는 <script> 태그 하나와 컨테이너 요소 하나가 전부입니다. 설치는 그것으로 끝입니다. 피드는 Shadow DOM 안에서 렌더링되므로 사이트의 CSS가 위젯 안으로 새어 들어가지도, 위젯의 CSS가 페이지로 새어 나오지도 않습니다. 어떤 도구를 검토하시든 확인해 볼 만한 지점입니다. 스크립트 방식 임베드 상당수는 격리를 전혀 하지 않기 때문입니다. 확인 방법은 간단합니다. 피드를 검사해서 shadow root가 있는지 보시면 됩니다.
여기까지가 전부이고, 피드가 워드프레스로 가든 Shopify로 가든 직접 쓴 HTML 페이지로 가든 다섯 단계는 같습니다. 직접 해 보신 뒤 위의 공식 임베드 스크린샷과 비교해 보시기 바랍니다.
인스타그램 피드 종류: 계정, 해시태그, 태그, 멘션, 스토리
API를 쓰기 시작하면 인스타그램 공식 임베드가 한 번도 제공한 적 없는 선택지가 생깁니다. 그리고 여기서 잘못 고르는 것이 설정 단계에서 가장 흔한 실수입니다.
계정은 내 게시물을 순서대로 보여줍니다. 사람들이 “인스타 피드”라고 말할 때 떠올리는 바로 그 모습입니다. 해시태그는 특정 태그가 달린 공개 게시물을 모읍니다. UGC 캠페인이 이 방식으로 만들어집니다. 태그는 다른 계정이 나를 태그한 게시물을 가져옵니다. 멘션은 나를 @로 언급한 게시물과 댓글을 받습니다. 스토리는 현재 올라와 있는 내 스토리를 API로 읽어 옵니다. 앞에서 확인했듯 스토리 메뉴에는 임베드 항목이 없으므로, 이것이 유일하게 존재하는 경로입니다.
다섯 가지 모두 무료로 사용하실 수 있습니다. 그중 두 가지에는 저희가 아니라 Meta가 정한 조건이 붙고, 두 조건 모두 아래에 그대로 적었습니다. 해시태그 검색에는 연결된 Facebook 페이지가 필요하고, 멘션은 설정 이후에 올라온 것만 들어옵니다.
해시태그 피드: Facebook 페이지 요건은 실제로 존재합니다
해시태그 피드를 쓰시려면 알아 두셔야 합니다. Meta는 해시태그 검색을 인스타그램 비즈니스 계정에 연결된 Facebook 페이지를 통해 처리합니다. 저희가 만든 정책이 아니라 Meta의 구조이고, 그래서 어떤 도구도 이 조건 없이 인스타그램 해시태그 검색을 제공할 수 없습니다.
캠페인을 계획하기 전에 알아 두면 좋은 제한이 하나 더 있습니다. Meta는 해시태그 검색을 계정당 7일 이동 기간 기준 고유 해시태그 30개로 제한합니다. 브랜드 태그 하나를 운영하는 데에는 넉넉하지만, 수십 개를 돌려 가며 쓸 계획이었다면 제약이 됩니다. 문서 깊숙한 곳이 아니라 계정 선택 단계에 그대로 표시됩니다.
계정 조건도 이 화면에 함께 나옵니다. 해시태그 검색은 인스타그램 비즈니스 계정으로 실행됩니다. 개인 계정은 대상이 아니며, 이것도 요금제가 아니라 Meta의 규칙입니다.
멘션은 설정한 시점 이후 것만 들어옵니다
여기서 많이들 당황하시므로 분명히 적겠습니다. 인스타그램은 연결을 승인한 시점부터 웹훅으로 멘션을 보내 줍니다. 설정 이전에 나를 언급한 게시물은 가져올 수 없습니다. 저희든 다른 어디든 마찬가지입니다. API에 과거 데이터를 불러오는 기능 자체가 없습니다.
멘션에는 연결에 추가 권한도 필요하고, 설정 화면이 그 점을 그대로 요청합니다.
태그된 게시물은 과거 것도 들어옵니다
태그는 멘션과 다르게 동작해서, 이전 게시물도 함께 들어옵니다. 검증용 피드에는 11개월 전에 올라온 태그 게시물이 수집됐습니다.
공식 임베드와 API 피드 위젯 비교
아래 표의 각 항목은 위 세션에서 직접 확인한 것이고, 여러분이 직접 확인해 보실 수도 있는 것들입니다. 페이지 속도 수치는 일부러 넣지 않았습니다. 그 수치를 더 이상 싣지 않는 이유 (영어)를 따로 정리해 두었는데, 요약하면 위젯을 페이지 어디에 두는지와 피드에 어떤 콘텐츠가 들어 있는지에 따라 달라지기 때문에 도구보다 테스트 환경을 설명하는 숫자가 되기 때문입니다.
| 항목 | 인스타그램 공식 임베드 | 그래프 API 위젯 |
|---|---|---|
| 최근 게시물 피드 | 불가. 임베드 하나에 게시물 하나 | 가능 |
| 페이지 수정 없이 자동 갱신 | 불가 | 가능 |
| 스토리 | 불가. 임베드 항목 자체가 없음 | 가능(API 경로) |
| 해시태그 피드 | 불가 | 가능(Meta가 요구하는 Facebook 페이지 필요) |
| 태그된 게시물 | 불가 | 가능 |
| 멘션 | 불가 | 가능(설정 이후 것만, 과거 수집 불가) |
| 표시할 게시물 선택 | 가능. 하나씩 직접 붙여넣는 방식 | 가능. 검토 화면에서 승인, 고정, 제외 |
| 서드파티 스크립트가 차단되면 | 텍스트 링크 두 줄만 남음 | 서비스마다 다름. 직접 확인하실 것 |
| 비용 | 무료 | 무료로 시작 가능(요금 페이지(영어)) |
솔직하게 정리하면 이렇습니다. 특정 게시물 하나를 글 안에 인용하는 용도이고 바뀔 때마다 HTML을 수정하는 것이 괜찮으시다면, 인스타그램 공식 임베드는 무료이고 그것으로 충분합니다. 그러나 스스로 최신 상태를 유지하는 것을 원하시거나 스토리 또는 해시태그가 필요해지는 순간, 비교할 공식 선택지 자체가 없습니다. 위젯 쪽이 필요하시다면 인스타그램 피드 위젯 소개 (영어)에서 소스 다섯 종류와 디자인 옵션, 실제로 페이지에서 돌아가는 데모를 보실 수 있습니다.
워드프레스, Wix, Squarespace, Shopify, Webflow에 넣는 방법
위의 다섯 단계는 어디서나 동일하고, 마지막에 코드를 붙여넣는 위치만 서비스마다 다릅니다. 각각 실제 제품으로 직접 해 본 기록이 있습니다.
- 워드프레스에 인스타그램 피드 넣기 (영어) 공식 플러그인 설치 과정 포함
- Wix에 인스타그램 피드 넣기 (영어)
- Squarespace용 인스타그램 위젯 (영어)
- Webflow에 인스타그램 피드 넣기 (영어)
- Shopify에 인스타그램 연결하기 (영어)
워드프레스에는 전용 플러그인이 있어서, 사용자 정의 HTML 블록에 코드를 붙여넣을 필요조차 없습니다. 피드가 편집기 안의 블록이 됩니다.
피드를 페이지 어디에 둘 것인가
피드의 가치는 레이아웃보다 배치에서 더 크게 갈립니다.
이 애니메이션에 대하여
웹사이트 모형 위에 인스타그램 피드를 놓을 만한 위치 세 곳이 차례로 나타나고, 각 위치에 왜 그 자리인지 설명이 붙는 애니메이션입니다. 첫 화면 아래쪽의 홈페이지 영역, 실제 사용 장면을 보여주는 제품 페이지, 브랜드를 사람처럼 보이게 하는 회사 소개 페이지 순서로 강조됩니다.
홈페이지라면 첫 화면 아래에 두시기 바랍니다. 우리가 무엇을 하는 곳인지 먼저 말한 다음이어야 합니다. 제품 페이지라면 그 제품을 쓰는 고객들의 게시물이, 구매자가 속으로 묻고 있는 질문에 대한 답이 됩니다. 랜딩 페이지에서는 주의하셔야 합니다. 피드는 방문자에게 다른 볼 곳, 그리고 다른 누를 곳을 하나 더 만들어 줍니다.
페이지 유형별로 정리한 내용은 인스타그램 피드를 어디에 배치할 것인가 (영어)에 있습니다.
자주 묻는 질문
인스타그램 프로필 전체를 홈페이지에 임베드할 수 있나요?
인스타그램이 제공하는 방법으로는 불가능합니다. 프로필 임베드도, 피드 임베드도 없고 게시물 단위 임베드만 있습니다. 피드를 만들려면 그래프 API를 쓰는 도구가 필요합니다.
인스타그램 피드 삽입은 무료로 할 수 있나요?
인스타그램의 게시물 단위 임베드는 무료이고, 앞으로도 게시물 단위 임베드입니다. 진짜 피드가 필요하시다면 CollectSocials에서는 인스타그램 소스 다섯 종류, 즉 계정, 해시태그, 태그, 멘션, 스토리를 무료로 쓰실 수 있습니다. 무료 계정으로 전체 과정을 시험해 보시고 비용을 들일 가치가 있는지 그다음에 판단하셔도 됩니다. 요금제 세부 내용은 요금 페이지(영어)에 있습니다.
인스타그램 임베드에 링크만 표시되는 이유는 무엇인가요?
instagram.com에서 불러오는 스크립트가 실행되지 않았을 때 남는 blockquote 대체 표시입니다. 광고 차단기, 개인정보 보호 모드, 쿠키 동의 배너가 모두 원인이 될 수 있습니다. 내 브라우저에서 스크립트가 정상 로드된다면 나에게는 보이지 않으므로, 문제를 알아차리지 못한 채 방치되기 쉽습니다.
인스타그램 스토리도 임베드할 수 있나요?
임베드로는 불가능합니다. 스토리 메뉴에는 Embed 항목이 없습니다. 홈페이지에 표시되는 스토리는 API를 통해 들어온 것입니다.
Facebook 페이지가 꼭 있어야 하나요?
계정 피드에는 필요 없습니다. 해시태그 검색에는 필요합니다. Meta가 인스타그램 비즈니스 계정에 연결된 페이지를 통해 처리하기 때문이며, 이는 모든 도구에 동일하게 적용됩니다.
비즈니스 계정이 필요한가요?
API로 가져오는 피드에는 필요합니다. 비즈니스 또는 크리에이터 계정이어야 하고, 개인 계정은 대상이 아닙니다.
설정 전에 받은 멘션도 가져올 수 있나요?
가져올 수 없습니다. 인스타그램은 연결을 승인한 시점부터 웹훅으로 멘션을 전달하며, API에 과거 데이터를 불러오는 기능이 없습니다.
코드를 다룰 줄 알아야 하나요?
아닙니다. 설치는 <script> 태그 하나와 컨테이너 요소 하나를 원하는 위치에 붙여넣는 것이 전부이고, 워드프레스에서는 그마저도 필요 없습니다. 피드가 편집기 안의 블록으로 들어갑니다.
지금 CollectSocials를 시작해 보세요
게시물을 하나씩 붙여넣는 작업은 이제 필요 없습니다. 계정을 연결하고, 보여줄 게시물을 고르고, 코드 한 줄을 붙여넣기만 하면 됩니다.
검증 환경과 참고 자료
2026년 7월, 워드프레스 7.0.2와 PHP 8.4 환경에서 확장 프로그램을 모두 끈 크롬 시크릿 창으로 검증했습니다. 아무것도 넣지 않은 대조군 페이지를 포함해 동일한 구조의 페이지 세 개를 사용했고, 엔드포인트는 깨끗한 셸에서 curl로 호출했습니다. 이 글에서 설명한 제품 동작은 2026년 8월 기준 CollectSocials의 동작입니다. Meta는 인스타그램 API 표면을 자주 바꾸므로, 중요한 판단의 근거로 삼기 전에 다시 확인해 보시기 바랍니다.