이메일에서 Instagram 콘텐츠를 사용하는 방법 – Klaviyo - Help Center - KR

학습 내용

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

이 프로세스를 수행하려면 XML 피드를 설정하고 이메일 템플릿에 사용자 지정 코드를 삽입해야 합니다. 이메일 코드를 편집하는 데 익숙하지 않은 경우 클라비요 파트너에게 도움을 요청하세요.

Instagram 웹 피드 설정

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

이 RSS 피드 생성기 앱은 Instagram RSS 피드를 호스팅하기 위해 유료 요금제가 필요합니다. 모든 RSS 피드 생성기를 사용할 수 있지만 다른 앱을 사용하는 경우 아래 섹션에서 샘플 코드를 사용자 지정해야 할 수 있습니다.

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

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

피드 URL

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

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

RSS 피드를 설정한 후:

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

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

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

템플릿에 새 HTML 블록을 추가합니다.
다음 코드를 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개의 글을 표시).

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

사용자 지정 HTML은 기술에 능숙한 마케터나 개발자 액세스 권한이 있는 사람에게만 사용하는 것을 권장합니다. 워드프레스닷컴 제품은 사용자 정의 HTML을 지원하지만, 지원팀은 이 문서에서 다루는 일반적인 지침을 제공하는 것 외에는 사용자 정의 템플릿을 구축하는 데 도움을 드릴 수 없습니다. 데이터 보안을 유지하기 위해 클라비요의 지원팀은 HTML 파일을 열 수 없습니다.

이를 설정하는 데 개발자 지원이 필요한 경우 클라비요의 파트너 중 한 곳에 문의하세요.

추가 자료