メールで Instagram コンテンツを使用する方法

このページで学べること

RSS フィードジェネレーターを使用して Instagram アカウントにカスタム ウェブフィードを設定し、そのフィードをメールに表示する方法をご覧ください。カスタム ウェブフィードを使用すると、Instagram コンテンツをメールに接続し、最新の Instagram 写真、キャプションなどを動的に表示できます。

Instagram ウェブフィードを設定する

デベロッパーや Klaviyo パートナーの支援なしで Instagram のウェブフィードを設定するには、RSS フィード ジェネレーターを使用してください。

1. RSS フィード生成ツールでアカウントを作成します。
2. [マイフィード] に移動します。
3. 右上の [新しいフィード] をクリックします。
4. Enter Webpage URL フィールドに、https://www.instagram.com/YOUR_USERNAME の形式に従って Instagram の URL を追加します。
5. [生成] をクリックしてください。
6. [マイフィードに保存] をクリックします。

フィードを保存したら、フィードページに移動し、フィード URL を見つけてください。次の形式にする必要があります: https://rss.app/feeds/UNIQUE_FEED_ID.xml。

この方法の代替として、Basic Display API を使用するか、サードパーティ製アプリを使用して Instagram ウェブフィードを設定できます。一部の Klaviyo パートナーは、FourSixty のように、これをサービスとして提供しています。

Klaviyo でフィードを設定する

RSS フィードを設定したら：

1. Klaviyo の左下隅にあるアカウント名をクリックします。
2. [設定] を選択します。
3. [その他] を選択します。
4. [ウェブフィード] タブを開きます。
5. [ウェブフィードを追加] をクリックします。
   

6. フィードに名前を付け、先ほど生成した RSS フィード URL を、上のセクションの Feed URL として入力します。
7. Request Method を GET に、Content Type を XML に設定します。
   

8. [ウェブフィードを追加] をクリックします。

Instagram コンテンツをメールに取り込む

サードパーティ プラットフォームまたは Instagram の Basic Display API を使用してフィードを生成している場合は、メールにカスタム ウェブフィードを追加するためのガイドに従ってください。上記で推奨されているRSS フィードアプリを使用している場合は、以下のコードを使用して、Instagram フィードの最新3件をメールに表示してください。

1. テンプレートに新しい HTML ブロックを追加します。
2. 次のコードを HTML ブロックにコピーし、FEED_NAME をフィード名に必ず置き換えてください（例：上の例では Instagram_Feed）。

<div>{% for item in feeds.FEED_NAME.rss.channel.item|slice:":3" %}
    <table style="display:inline-block; margin-left:auto; margin-right:auto">
	<tbody>
	    <tr>
		<td style="width:150px; text-align: center;"><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>
{% endfor %}</div>

最新の投稿を3件以上表示する場合は、フィルターの |slice:":3" を調整して、表示したい投稿数を含めてください（例：6件の投稿を表示するには |slice:":6"）。

表に追加のフィールド（例：キャプションや画像の投稿日）を追加する場合は、メールにカスタム ウェブ フィードを追加するに関するガイドに従って、必要に応じて上記のコードを調整してください。

その他のリソース