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

このページで学べること

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

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

開発者やKlaviyoパートナーの支援なしでInstagramのウェブフィードを設定するには、RSSフィードジェネレーターを使用してください。RSS.appには、公開されているInstagramプロファイルが必要です。

1. RSS フィード生成ツールでアカウントを作成します。
2. RSS.appのInstagramフィード手順に従って、InstagramプロファイルURL（例：https://www.instagram.com/YOUR_USERNAME/）を使用してフィードを生成し、保存してください。

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

InstagramのBasic Display APIはもう利用できません。RSSフィードの代替として、Foursixtyなどのサードパーティアプリを使用して、Instagramコンテンツをメールに追加できます。アプリのセットアップ手順に従うか、サポートが必要な場合はKlaviyoパートナーにお問い合わせください。

Klaviyo でフィードを設定する

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

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

6. Instagram_Feedなどの一意のフィード名を入力してください。最大64文字で、文字、数字、アンダースコアのみを使用してください。フィードURLに、生成したRSSフィードURLを入力してください。
7. リクエストメソッドをGETに設定し、コンテンツタイプをXMLに設定します。
   

8. ウェブフィードの追加をクリックしてください。Klaviyoでエラーが表示された場合は、続行する前に解決してください。
9. フィードの設定ページが開いたら、内容を確認するためにプレビューをクリックしてください。

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

カスタムウェブフィードの生成に別のサービスを使用している場合は、メールにカスタムウェブフィードを追加する方法に関するガイドに従ってください。RSS.appを使用したことがある場合は、以下のコードを使用して、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"）。

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

その他のリソース