이메일에서 Instagram 콘텐츠를 사용하는 방법

학습 내용

RSS 피드 생성기를 사용하여 Instagram 계정으로 맞춤 웹 피드를 설정하는 방법과 이메일에 피드를 표시하는 방법을 알아보세요. 사용자 지정 웹 피드를 사용하면 인스타그램 콘텐츠를 이메일에 연결하고 최신 인스타그램 사진, 캡션 등을 동적으로 표시할 수 있습니다. 

Instagram 웹 피드 설정

개발자나 클라비요 파트너의 도움 없이 인스타그램 웹 피드를 설정하려면 RSS 피드 생성기를 사용하세요. 

1. RSS 피드 생성기 도구로 계정을 만듭니다.
2. 내 피드로 이동합니다.
3. 오른쪽 상단에서 새 피드를 클릭합니다.
4. 웹페이지 URL 입력 필드에 https://www.instagram.com/YOUR_USERNAME 형식에 따라 Instagram URL을 추가합니다.
5. 생성을 클릭합니다.
6. 내 피드에 저장을 클릭합니다.

피드가 저장되면 피드 페이지로 이동하여 피드 URL을 찾습니다. 다음 형식을 따라야 합니다: https://rss.app/feeds/UNIQUE_FEED_ID.xml. 

이 방법의 대안으로 기본 디스플레이 API를 사용하거나 타사 앱을 사용하여 Instagram 웹 피드를 설정할 수 있습니다. 일부 클라비요 파트너는 이를 서비스로 제공합니다(예: FourSixty). 

클라비요에서 피드 설정하기 

RSS 피드를 설정한 후:

1. 클라비요의 왼쪽 하단에서 계정 이름을 클릭합니다. 
2. 설정을 선택합니다. 
3. 기타를 선택합니다.
4. 웹 피드 탭을 엽니다. 
5. 웹 피드 추가를 클릭합니다.
   
6. 피드 이름을 지정하고 위 섹션에서 방금 생성한 RSS 피드 URL을 피드 URL로 입력합니다.
7. 요청 메서드를 GET으로 설정하고 콘텐츠 유형을 XML로 설정합니다.
   
8. 웹 피드 추가를 클릭합니다. 

인스타그램 콘텐츠를 이메일로 가져오기

타사 플랫폼 또는 Instagram의 기본 디스플레이 API를 사용하여 피드를 생성하는 경우 이메일에 맞춤 웹 피드 추가하기 가이드를 따르세요. 위에서 추천한 RSS 피드 앱을 사용했다면 아래 코드를 사용하여 인스타그램 피드에서 가장 최근 3개 항목을 이메일에 표시할 수 있습니다. 

1. 템플릿에 새 HTML 블록을 추가합니다.
2. 다음 코드를 HTML 블록에 복사하고 FEED_NAME을 피드 이름(예: 위의 예에서는 Instagram_Feed )으로 바꿔야 합니다. 

<div>{% for item in feeds.FEED_NAME.rss.channel.item|slice:":3" %}
    <표 style="display:inline-block; 여백-왼쪽:자동; 여백-오른쪽:자동">
	<tbody>
	    <tr>
		<td style="width:150px; text-align: 가운데;"> < a href="{{ item.link }}">
		 <img style="max-width: 150px; height: auto;" src="{% if item|lookup:'media:content'|lookup:'0'|lookup:'@url' %}{{ item|lookup:'media:content'|lookup:'0'|lookup:'@url' }}{% else %}{{ item|lookup:'media:content'|lookup:'@url' }}{% endif %}" style="margin: 1px; max-width: 150px; height: auto;" /></a>
		</td>
	    </tr>
	</tbody>
    </table
    </table>
{% endfor %}</div>

최근 글을 3개 이상 표시하려면 필터를 조정하여 <슬라이스:":3">에 표시하려는 글 수를 포함하세요(예: <슬라이스:":6" >에 6개의 글을 표시). 

표에 캡션이나 이미지가 게시된 날짜 등의 필드를 추가하려면 이메일에 사용자 지정 웹 피드 추가하기 가이드에 따라 필요에 따라 위의 코드를 조정하세요. 

추가 자료 

• 이메일에 사용자 지정 웹 피드 추가하기 가이드
• 이메일에서 Instagram 웹 피드 문제 해결하기
• 기본 템플릿을 만드는 방법