要約版を読む
同社の機能であるInstagramストーリーは、あらゆるオンラインブランドやマーケターにとって最も人気のオーガニックプロモーションツールです。2016年500月にリリースされたInstagramストーリーは、現在では月間約XNUMX億人のInstagramユーザーが利用しています。このブログでは、Instagramストーリーの埋め込みとは何か、そのメリット、そしてブランドがウェブサイトに埋め込む方法について解説しました。
📌 Instagramストーリーの埋め込みの制限
- Instagram では、API 経由でストーリーを埋め込むことは公式には許可されていません。 Instagramの投稿とは異なり またはリールストーリーを標準的な方法で直接埋め込むことはできません。
- ウェブサイトにストーリーを表示するためにサードパーティのツールを使用している場合、 タグボックス Instagram ウィジェット.
それでは、詳しく見ていきましょう。
Taggboxを使ってウェブサイトにInstagramストーリーを埋め込む手順
ステップ1:Taggboxアカウントを作成する
- 訪問 Taggboxのウェブサイト サインインしてください。プラットフォームを初めてご利用になる場合は、サインアップしてください。

- Google でログインしていない場合は、アカウントを確認してください。

- 表示された選択肢から「ウェブサイト上のソーシャルフィード」を選択します。

- すでにアカウントをお持ちの場合は、ログインしてください。
ステップ2:コンテンツギャラリーへ移動
- 左側のコンテンツ セクションから、ソース ネットワークとして Instagram を選択します。

- 接続タイプとしてストーリーを選択します。

- 「フィード作成」をクリックします。

- コンテンツ フィードが表示され、好みに応じてコンテンツを管理できるようになります。
ステップ3:公開セクションへ移動
- 左側のサイドバーの「公開」をクリックします。
- テーマを選択し、フィードをカスタマイズし、必要に応じてCTAボタンを追加できます。

- すべてが正常に完了したら、「コードを生成」をクリックします。Taggboxでも同様の操作が可能です。 Instagram埋め込みコードジェネレーター.

注: 「プレビュー」ボタンをクリックして、Instagram ストーリー ギャラリーのライブ プレビューを確認することもできます。
- WordPress にログインします
- ウィジェットを埋め込むページを選択して編集し、変更を適用して Web サイトに表示します。
- (+) をクリックして新しいブロックを追加し、カスタム HTML を選択します。
- コピーしたコードを貼り付けます
- 「投稿を公開/更新」をクリックすれば完了です
ウェブサイト構築プラットフォームに Instagram ストーリーを追加する
HTML、WordPress、Shopify、Wix、Squarespace など、選択した Web サイト構築プラットフォームに Instagram ストーリーを表示するには、次の手順に従ってください。
Instagram ストーリーを HTML に追加する方法
1. ウェブサイト構築プラットフォームとして HTML を選択し、生成された埋め込みコードをコピーします。
2. 次に、HTML ウェブサイトにログインし、ストーリーを埋め込むページを開きます。
3. 生成された埋め込みコードを、Instagram ストーリー ウィジェットを表示する Web ページに貼り付けて、変更を保存します。
HTML ウェブサイトにストーリーを埋め込むことに成功しました
WordPress に Instagram ストーリーを追加するにはどうすればいいですか?
1. ウェブサイト構築プラットフォームとして WordPress を選択し、生成された埋め込みコードをコピーします。
2. ウェブサイトにログインします。次に、Instagram ストーリーを埋め込むウェブページを選択して編集します。
3. WordPress 5.0 エディターのダッシュボードから、「ページ」>「新しいページ セクションの追加」を選択します。
4. もう一度 + ボタンを選択し、カスタム HTML オプションを選択します。
5. コピーしたコードを WordPress のエディター セクションに貼り付けて変更を適用し、WordPress ウェブサイトに Instagram ストーリーを表示します。
続きを読む: WordPressにInstagramフィードを埋め込む
Shopify ウェブサイトに Instagram ストーリーを追加するにはどうすればいいですか?
最後になりましたが、Shopify は電子商取引ビジネスに最適なプラットフォームであり、多くの中小規模のブランドがそれを活用しています。
1. Shopify アカウントにログインし、「販売チャネル」セクションの「オンライン ストア」をクリックします。
2. サイドバーのドロップダウンリストから「テーマ」オプションを選択します。
3. 画面の右側にあるアクション ボタンをクリックします。ドロップダウン リストから [コードの編集] を選択します。
4. ウェブサイト上で Instagram ストーリーを表示するレイアウト/テンプレート/セクションを選択します。
5. コピーした Taggbox のコードを貼り付けて、「保存」をクリックします。
続きを読む: ShopifyウェブサイトにInstagramフィードを埋め込む.
ブランド向けTaggboxプラットフォーム機能チェックリスト
| カテゴリー | メッセージ | タグボックスサポート | Details |
|---|---|---|---|
| コンテンツの埋め込みとカスタマイズ | あなたのプラットフォームは、投稿やリールだけでなく、特に Instagram ストーリーの埋め込みをサポートしていますか? | ✅はい | Taggbox を使用すると、投稿やリールと一緒に Instagram ストーリーを埋め込むことができます。 |
| 埋め込みはどのように機能しますか? (iframe、JavaScript ウィジェットなど) | ✅はい | 埋め込みは、さまざまなプラットフォームと互換性のある JavaScript ウィジェットを通じて提供されます。 | |
| 埋め込まれたストーリーの外観と雰囲気(色、フォント、レイアウト)を自分のブランドに合わせてカスタマイズできますか? | ✅はい | テーマ、レイアウト、CSS スタイルなどの高度なカスタマイズ オプションを提供します。 | |
| ストーリーをリアルタイム(投稿されたとおり)で表示できますか、それとも手動でアップロードする必要がありますか? | ✅はい | Instagram アカウントに直接接続してリアルタイム更新をサポートします。 | |
| 表示されるストーリーをスケジュールしたり、キュレートしたりできますか(例:ハッシュタグ、ハイライト、フィルターなど)? | ✅はい | ハッシュタグやハンドルによる集約が可能で、キュレーションのためのモデレーション機能も提供されます。 | |
| 分析とレポート | 埋め込まれたストーリーではどのようなエンゲージメント データを追跡しますか (例: ビュー、クリック、スワイプ インタラクション)? | ✅はい | クリック、ビュー、インタラクションなどの指標をリアルタイムで追跡します。 |
| 高度なトラッキングのために Google Analytics または Meta Pixel との統合をサポートしていますか? | ✅はい | 高度な追跡のために Google Analytics との統合をサポートします。 | |
| CTA のクリック(例:ストーリー内の「今すぐ購入」リンク)を追跡できますか? | ✅はい | CTA エンゲージメントを含む、投稿のクリックとインタラクションを追跡します。 | |
| 一元化された分析ダッシュボードを提供していますか? | ✅はい | 主要な洞察と指標を表示する集中化されたダッシュボードを提供します。 | |
| ストーリーデータはどのくらいの期間保存されますか? | ✅はい | データ保持ポリシーは制定されていますが、具体的な期間は公表されていません。 | |
| 統合と互換性 | あなたのツールはすべてのウェブサイト プラットフォーム (WordPress、Shopify、カスタム HTML など) と互換性がありますか? | ✅はい | WordPress、Shopify、HTML、Wix などのプラットフォームと互換性があります。 |
| モバイルとデスクトップで動作しますか?レスポンシブですか? | ✅はい | ウィジェットは完全にレスポンシブであり、さまざまな画面サイズに適応します。 | |
| モバイルアプリに統合できますか? | ✅はい | 主に Web に重点を置いていますが、Web ビューを介してモバイル アプリへの統合も可能です。 | |
| データのプライバシーと権限 | ストーリーを取得するには、Instagram のログインまたは API アクセスが必要ですか? | ✅はい | ストーリーを取得するには、Instagram アカウントによる安全な認証が必要です。 |
| あなたのソリューションは GDPR に準拠していますか? | ✅はい | Taggbox は GDPR 規制に準拠し、データのプライバシーと保護を保証します。 | |
| Instagram アカウントからどのような権限が必要ですか? | ✅はい | Instagram アカウントのコンテンツにアクセスして集約するには権限が必要です。 | |
| 料金とプラン | 料金プランはどのようなものですか?ストーリー数、閲覧数、埋め込み数に制限はありますか? | ✅はい | ウィジェット、ソース、ビューの制限が異なるさまざまな価格帯を提供します。 |
| 分析、カスタマイズ、サポートには追加料金がかかりますか? | ✅はい | 高度な機能は、上位プランで利用できる場合があります。 | |
| 無料トライアルやデモ期間はありますか? | ✅はい | クレジットカードを必要とせず、14 日間の無料トライアルを提供します。 | |
| サポートとメンテナンス | どのようなサポートが利用可能ですか(ライブチャット、メール、電話)? | ✅はい | さまざまなチャネルを通じて 24 時間 7 日のカスタマー サポートを提供します。 |
| オンボーディングや技術サポートは提供していますか? | ✅はい | オンボーディング リソースと技術サポートを提供します。 | |
| ホストされたコンテンツの稼働時間と SLA はどうですか? | ✅はい | 具体的な SLA の詳細は公開されていないため、直接問い合わせることをお勧めします。 |
テイクアウト:
つまり、Instagram ストーリーを Web サイトに埋め込むと、視聴者のエンゲージメントの向上、ブランド認知度の向上、信頼と忠誠心の構築、コンバージョンと売上の向上など、ビジネスにさまざまな機会とメリットをもたらすことができます。