WordPress 웹 사이트에 Instagram 피드를 추가하는 가장 좋은 방법
게시 됨: 2022-04-10대부분의 사람들은 소셜 미디어를 생각할 때 페이스북과 트위터를 떠올립니다. 그러나 Instagram은 온라인에서 가장 큰 소셜 미디어 도구 중 하나로 빠르게 자리잡고 있습니다. 4억 명 이상의 월간 활성 사용자로 성장한 사진 공유 사이트입니다. 또한 미국에서 가장 많이 방문한 10대 웹사이트 중 하나로 선정되었습니다. 귀하의 비즈니스는 거기에 있어야합니다!
이 기사에서는 WordPress 기반 웹사이트에 Instagram 피드를 표시하는 데 사용할 수 있는 몇 가지 방법을 다룹니다.
Instafeed.js는 훌륭한 옵션이지만 원하는 기능이 모두 포함되어 있지는 않습니다. Elfsight의 Instagram 위젯과 Smashballoon 플러그인은 instafeed.js가 제공하는 것보다 더 많은 기능을 가진 Instagram 피드를 만들려는 경우 고려해야 할 두 가지 다른 옵션입니다. WordPress 사이트에 Instagram 피드를 추가하는 세 가지 방법에 대해 계속 읽으십시오!
웹사이트에 인스타그램 피드를 추가하는 이유는 무엇입니까?
Instagram은 더 이상 사진가만을 위한 플랫폼이 아니며 웹사이트에 Instagram 피드를 게시하는 것의 가치는 당신이 "인플루언서"이거나 좋아요와 팔로우를 원한다는 의미가 아닙니다. Instagram 피드는 고객과 고객에게 귀하가 무엇을 하고 있는지, 무엇에 관심을 갖고 있는지, 귀하와 연결하는 방법을 보여줍니다. Instagram 피드도 효과적인 고객 서비스 채널이 될 수 있습니다.
Instagram의 월간 활성 사용자는 약 3억 명입니다. 그것은 당신의 제품이나 회사에 대한 엄청난 양의 안구입니다. 물건을 직접 판매하는 것이 목표가 아니더라도 Instagram 피드는 매우 가치가 있습니다.
Instagram은 시장 조사를 위한 많은 기회를 제공합니다. 어떤 유형의 이미지가 청중의 관심을 끌고 있는지 확인하고 잘 할 가능성이 더 높은 콘텐츠의 종류에 대해 배울 수 있습니다. 그렇게 하면 참여를 유도하거나 적합한 사람들에게 도달할 가능성이 가장 높은 게시물을 미리 계획할 수 있습니다. 또한 작동하는 것과 작동하지 않는 것을 더 잘 이해할 수 있기 때문에 콘텐츠를 더 쉽게 계획할 수 있습니다.
Instagram은 또한 브랜드 충성도를 구축하고 고객이 계속해서 더 많이 찾을 수 있도록 하는 가장 좋은 방법 중 하나입니다. 우리 고객 중 한 명(온라인 보조 식품 회사)의 좋은 예는 고객이 적극적으로 판매하지 않는 경우에도 Instagram 피드가 고객과 연결하고 브랜드 충성도를 구축하는 데 어떻게 도움이 되는지 보여줍니다.
그래서... 이제 Instagram이 그만한 가치가 있고 WordPress 웹사이트에 Instagram 피드를 표시하는 것이 중요하다는 것을 알고 있습니다. 이제 그 방법에 대해 이야기해 보겠습니다.
우리는 세 가지 방법을 다룰 것입니다. 첫 번째 방법은 Instafeed.js라는 무료 JavaScript 라이브러리입니다. 두 번째 옵션은 Elfsight의 Instafeed 위젯이고 세 번째 옵션은 Smashballoon 플러그인입니다. 이것들은 복잡성과 가격 면에서 다양하며 대행사로서 우리는 이러한 모든 방법을 사용했기 때문에 우리의 생각을 흩뿌릴 것입니다.
InstaFeed.js 라이브러리 사용
첫 번째 방법은 InstaFeed.js 라이브러리입니다. 모바일 장치를 포함한 모든 주요 브라우저에서 작동하며 서버 측 코드를 실행할 필요가 없습니다. 라이브러리는 GitHub에서 무료로 사용할 수 있으며 간단한 스크립트 태그를 사용하여 사이트의 <head> 요소에 포함할 수 있습니다.
최근에 그들은 이제 새로운 Instagram API와 함께 작동하는 Instafeed 2.0 버전을 출시했습니다.
오픈 소스 코드이기 때문에 무료입니다.
다음은 몇 가지 주요 기능입니다.
- 이것은 웹사이트에 기본 Instagram 피드를 만드는 좋은 방법입니다.
- 단순하고 사용하기 쉽고 가벼우며 트래픽이나 이미지가 많지 않은 사이트에 적합합니다(페이지 속도가 느려지지 않음).
- 전반적으로 가볍고 잘 작동하기 때문에 매우 마음에 듭니다.
- InstaFeed는 이제 새로운 Instagram API와 함께 작동합니다. 이렇게 하면 웹사이트가 새로운 API 가이드라인을 따르기 때문에 중단되지 않을 가능성이 높아집니다.
이 JS 라이브러리는 수행 중인 작업을 알고 있으면 비교적 쉽게 설치할 수 있지만 다른 방법에 비해 훨씬 더 복잡합니다. 설치 과정을 살펴보겠습니다.
먼저 CDN을 통해 라이브러리를 추가합니다.
이것은 WordPress 웹 사이트의 헤드에 삽입된 스크립트 태그로 수행됩니다.
다음으로 사이트에서 위젯을 초기화하고 임의의 ID를 가진 div에 추가합니다.
var instaFeed = 새로운 InstaFeed("#myInstagramWidget");
그런 다음 Instagram 사용자 이름, 표시할 사진 양 등과 같은 다양한 옵션을 설정합니다.
그러면 ID가 #myInstagramWidget 인 div가 Instagram 피드로 채워집니다.
기술 전문가라면 맞춤형 보기를 구축하고 해시태그를 표시하고 WordPress에 Instagram 피드를 추가하는 데 필요한 거의 모든 작업을 수행할 수 있습니다(실제로 Oxygen Builder용 전문 Instagram 피드에서 이 라이브러리를 사용합니다. 요소). 그러나 그렇게 하려면 JS와 이 라이브러리를 잘 이해하고 있어야 합니다.
성능 면에서 Instafeed의 크기는 1.5kb이며 모든 주요 브라우저에서 작동하며 서버 측 종속성이 없습니다.
이 방법의 문제는 Instagram 피드를 웹사이트에 추가하는 다른 방법에 비해 제한된 기능을 제공한다는 것입니다. 스크립트는 Instagram의 "Photo Map"을 시뮬레이션하려고 시도하지만 그렇게 하는 데 아주 완벽하지는 않습니다. 또한 JavaScript를 모르는 사람에게는 복잡할 수 있으므로 죽은 간단한 솔루션을 찾는 비즈니스 소유자에게는 완벽하지 않습니다.
운 좋게도 스스로 설정할 시간이나 기술이 없는 비즈니스 소유자가 사용할 수 있는 다른 옵션이 있습니다. 이제 그 중 두 가지를 살펴보겠습니다!
ElfSight Instagram 피드 위젯
ElfSight IG 피드는 Instagram 사진을 WordPress 웹사이트에 추가하는 또 다른 방법입니다. 이것은 구성 및 설치가 간단하고 잘 설계되었으며 사용하기 쉽습니다.
Elfsight를 사용하면 머리글, 사이드바 또는 바닥글을 포함하여 WordPress 페이지의 모든 부분에 Instagram 피드를 추가할 수 있습니다. 색상 및 글꼴과 같은 요소의 스타일을 지정하고 사용자 정의 CSS를 추가할 수도 있습니다.
일부의 경우 ElfSight는 무료이지만 대부분의 경우 기본 또는 프로 플랜을 선택하고 싶을 것입니다. 프로 플랜의 비용은 $10/월이며 다음과 함께 제공됩니다.
- 무제한 웹사이트
- 조회수 50,000회
- 프리미엄 지원
- 무료 설치 서비스
- Elfsight 로고 제거
약간 더 제한된 $5/월 기본 플랜 과 무료 라이트 플랜이 있습니다.
50가지의 사용하기 쉬운 사용자 정의 옵션과 선택할 수 있는 템플릿이 있습니다. Instafeed와 달리 Elfsight를 사용하면 공개 Instagram 계정의 사진이나 해시태그, 위치 또는 사진 URL로 사진을 표시할 수 있으며 모든 조합이 지원되므로 모든 조합에 대해 걱정할 필요가 없습니다.
이것은 필터링되거나 조정될 수 있으며 그리드 또는 슬라이더로 표시됩니다. 팝업도 가능합니다!
이 솔루션은 실제로 플러그인이 아니기 때문에 흥미롭습니다. 대신 Instafeed와 같은 일부 코드를 사이트에 포함하여 설치하지만 이 경우에는 복사 붙여넣기에 불과합니다. 통합은 매끄럽고 콘텐츠 표시를 위한 많은 옵션이 있습니다. 항상 업데이트되며 모든 것은 Elfsight 웹사이트에서 관리됩니다.
우리 목록에 있는 세 가지 중 Elfsight가 우리가 가장 좋아하는 것입니다. 그들은 훌륭한 지원뿐만 아니라 사용 가능한 패키지에 멋진 기능을 가지고 있습니다. 무엇보다도, 그들의 가격은 당신이 그것을 얻는 것에 대해 합리적입니다.
대행사로서 우리는 고객이 사용하기 가장 쉽기 때문에 이것을 좋아합니다. 우리는 그들을 위해 그것을 설정했고 그들은 코드를 건드리지 않습니다. 소셜 미디어 공유 옵션도 좋습니다!
스매시 벌룬 플러그인
목록의 마지막 항목은 Smash Balloon Instagram Feed 플러그인입니다. 이것은 표준 WordPress 플러그인입니다.
사이트의 모든 WordPress 테마와 호환되도록 설계된 Instagram Feed 플러그인은 완벽하게 보이도록 하기 위해 작업이 필요하지 않습니다. 플러그인에는 선택한 피드의 모양과 레이아웃을 조정할 수 있는 수많은 사용자 지정 옵션이 제공됩니다. 사이트 전체에 피드를 표시하고 단축 코드 스타일로 사용자 정의할 수 있습니다. 예를 들어, 한 페이지에 비디오 피드를, 다른 페이지에 사진 회전 목마를 원하는 경우 문제가 되지 않습니다!
플러그인은 Instagram에서 받은 데이터를 캐시하여 로드 시간을 줄이고 API 요청을 최소화합니다. 또한 API 문제의 경우 백업 캐싱 시스템이 있어 가장 필요한 경우에도 피드가 유지되도록 합니다. 게시물 캡션에 URL을 추가하여 Instagram 게시물을 맞춤 URL에 연결할 수 있습니다. 이렇게 하면 피드의 특정 게시물을 클릭하는 사람들이 해당 시점에 관련된 제품이나 페이지를 쉽게 볼 수 있습니다.
Instagram Feed Pro는 터치 스크린을 사용하든 사용하지 않든 모든 장치에서 처음부터 잘 작동하도록 설계된 Instagram 계정용 반응형 WordPress 플러그인입니다.
WordPress 플러그인 Smash Balloon 뒤에 있는 회사에 대해 놀라운 점은 그들이 제공하는 지원입니다. 웹사이트를 통해 팀에 연락하는 것은 쉽습니다. 이 플러그인에 대해 지원이 필요하거나 질문이 있는 경우 그렇게 하는 것이 좋습니다. 이 회사는 또한 귀하의 사이트에서 Instagram을 사용하기 위한 팁과 요령과 튜토리얼을 찾을 수 있는 훌륭한 블로그를 운영하고 있습니다.
한 사이트의 경우 연간 $49에 제공되며 물론 플러그인을 사용하려면 라이센스가 필요합니다.
Instagram API에 대한 한마디
고려해야 할 사항(그리고 성가신 Instagram의 측면)은 API와 함께 제공되는 제한 사항입니다. 문제는 Instagram API에 사용자당 요청 한도가 있다는 것입니다. 스크립트가 이 양을 초과하면 Instagram에서 중지하라는 오류 메시지가 표시되며 과도한 사용이 감지되면 Instagram에서 계정에 대한 액세스를 비활성화합니다.
이것은 계정을 완전히 비활성화하는 것을 의미하지는 않지만(과거에 그렇게 했음에도 불구하고) 코드를 조정하거나 Instagram에서 요청을 재설정할 때까지 몇 시간을 기다릴 때까지 Instagram 데이터를 다시 가져오지 못할 수 있습니다. 따라서 Instagram 피드를 구축할 때 이 점을 염두에 두고 API를 남용하지 마십시오!
API도 많이 바뀌고 있습니다. 특히 Facebook이 회사를 소유하고 있기 때문입니다. 예를 들어 특정 API 키 없이 WordPress 웹사이트에 Instagram 피드를 표시하는 것은 불가능합니다.
나머지 Instagram Legacy API 권한은 2020년 6월 29일에 비활성화되었습니다. 이제 개발자는 Instagram Basic Display API 및 Instagram Graph API를 사용해야 합니다. 즉, 이제 모든 WordPress 플러그인은 Instagram API를 사용하여 빌드해야 합니다.
그러나 이번 개발로 플러그인 사용자가 좀 더 쉽게 사용할 수 있게 되었습니다. 눈치채셨겠지만 이제 API 키를 만들고 통합할 때 상대적으로 쉬운(더 제한적이긴 하지만) 경험이 되었습니다. 대부분의 경우 버튼 클릭입니다.
Instagram과 관련된 API 뉴스를 항상 주시하세요. 그들이 미래에 변경하고 당신이 어둠 속에 있으면 WordPress Instagram 피드가 작동하지 않을 수 있습니다!
WordPress에 가장 적합한 Instagram 피드 솔루션은 무엇입니까?
Elfsight는 현재 최고의 공급자입니다. 그들은 가격대비 최고의 패키지를 가지고 있으며, 우리는 그들의 지원과 제품을 가장 좋아합니다. 기능이 뛰어나고 비용 효율적인 솔루션을 찾고 있는 비즈니스 소유자 또는 웹 관리자라면 바로 그 솔루션입니다.
Instafeed.js는 무료 솔루션을 원하지만 WordPress Instagram 피드와 관련하여 절대적인 제어를 원하는 기술적인 사람들에게 좋습니다. 당신이 개발자이고 코드를 수정하고 자신만의 것을 만드는 것을 두려워하지 않는다면 당신은 천국에 있을 것입니다. 그러나 현재 초보자가 접근하기 어렵게 만드는 문서가 부족합니다.
마지막으로 Smash Balloon은 잘 알려진 솔루션입니다. Instagram Feed Pro를 사용하면 웹사이트에 완전히 사용자 지정 가능한 Instagram 피드를 표시하고 대화형으로 만들 수 있습니다.
그러나 Elfsight와 비교할 때 일부 사람들은 더 복잡하다고 생각할 수 있지만 더 저렴합니다!!
어떤 솔루션을 선택하든 플러그인/라이브러리가 정기적으로 업데이트되어 문제나 사용 문제가 발생하지 않도록 하십시오.
이 기사에 대해 질문이 있거나 Instagram 피드 플러그인에 대한 일반적인 질문이 있는 경우 주저하지 말고 아래 댓글 섹션에 남겨주세요! 즐겁고 행복한 건물.