Instagram ストーリーを無料でウェブサイトに埋め込む方法 – 完全ガイド

Instagram ストーリーをウェブサイトに埋め込むことで、無数のチャンスと可能性の扉を開いてみませんか?

Instagram は、ブランドや企業が自社のブランドを宣伝し、より多くの消費者にリーチするためによく使用するソーシャル メディア プラットフォームの 1 つです。企業はこのプラットフォームを、ブランド認知度の向上、視聴者のエンゲージメントの向上、強い信頼と忠誠心の構築など、さまざまな目的で使用しています。

Instagramが提供する素晴らしいトレンド機能の1つは「Instagram Stories、これはオンラインでの製品やサービスの大幅な成長に役立ちます。 

このブログでは、Instagram ストーリーについて、Instagram ストーリーを Web サイトに簡単に埋め込む方法、この戦略がもたらすさまざまな利点について学習します。

Instagram ストーリー – 新時代のクリエイティブ コンテンツ 

2016年XNUMX月に開始されたInstagram Storiesは、短いスナップショットまたはハイライトと呼ばれています。 Instagramウィジェット 24 時間消えますが、アーカイブで見ることができます。

そして、プラットフォームから最大限の利益を引き出すために、大手から中小企業まで、いくつかのブランドが Instagramフィードを埋め込む それぞれのウェブサイトにストーリーを掲載し、ブランドのリーチを拡大して認知度を広めます。

ストーリーにはフィルターやタグなど、豊富な素晴らしい機能が備わっており、ブランドにとって機能的で効果的なマーケティング ツールになります。

このInstagram機能をウェブサイトに統合することで、最大限に活用できます。そのためには、以下の手順に従ってください。

Instagramストーリーをウェブサイトに無料で埋め込むための4ステップガイド

ステップ1 – 作成する Tagembed アカウント

• まずは無料でアカウントを作成しましょう Tagembed アカウント または古いアカウントでログインします。

• 次のオプションを含むダッシュボードが表示されます。 ウェブサイト上のソーシャルフィード or ショッピング可能なフィード ウェブサイト。ブランド目標に最も適したオプションを選択して続行してください。 

• 業種を選択し、電話番号を入力して「送信」をクリックしてください。メールアドレスを確認して続行してください。 

ステップ2 – ギャラリーを作成する

• サイドバーの「コンテンツ」オプションから、ソースネットワークとして「Instagram」を選択します。 

• ハッシュタグ、マイハンドル、ハンドル、ストーリー、メンション、タグ、リールのオプションから「ストーリー」を選択してフィードを作成します。 

• Instagram を接続して、「フィード作成」をクリックします。

ステップ3 – モデレートとカスタマイズ 

• フィードが作成されると、コンテンツ ギャラリー ダッシュボードに自動的にリダイレクトされます。 
• ここでは、AI を使用してフィードを管理し、コンテンツを削除できます。
• 次に「公開」オプションに進みます。テーマ、レイアウト、色、背景などを追加して、コンテンツギャラリーをカスタマイズします。 

ステップ4 - ウェブサイトにInstagramギャラリーを埋め込む

• 完了したら、「コードの生成」をクリックし、コードを埋め込む CMS プラットフォームを選択します。 

• 幅と高さを調整し、コードをコピーしてウェブサイトのバックエンドに貼り付けます。 

注意： Instagramストーリーのコンテンツをショッピング可能にするには、投稿に商品をタグ付けします。 Tagembedx. 

さまざまなウェブサイトプラットフォームにInstagramストーリーを埋め込む:

述べたように、 Tagembed 様々なウェブサイト構築プラットフォームに対応しています。各プラットフォームごとに埋め込み手順が異なりますので、それぞれの手順を以下に説明します。一つずつ見ていきましょう。

1. HTMLでInstagramストーリーを追加する

• ウェブサイトにログインします。
• Instagramストーリーを表示したいウェブページのバックエンドに移動します
• コピーしたコードを貼り付けます Tagembed 変更を適用する

2. WordPressにInstagramストーリーを埋め込む

• あなたへのログイン WordPress ウェブサイト
• 画面の右側に表示されるビジュアルとテキストのオプションからテキスト モードを選択します。
• 生成されたコードを、紹介したい本文セクションに貼り付けます。 WordPress ウェブサイト上の Instagram ウィジェット
• 「更新」ボタンをクリックしてウェブページを再読み込みし、プロセスを完了します。WordPress ウェブサイトに埋め込まれた Instagram ストーリーが表示されます。

3. ShopifyにInstagramストーリーを追加する

• にログイン Shopifyサービス アカウント。
• 「販売チャネル」セクションの下にある「オンライン ストア」をクリックします。 
• ドロップダウンリストから、サイドバーの「テーマ」オプションを選択します。
• 画面の右側にあるアクション ボタンをクリックします。
• 次に、ドロップダウン リストから [コードの編集] を選択します。
• Instagram ストーリーを表示するレイアウト/テンプレート/セクションを選択します。
• コピーしたコードを貼り付けてください Tagembed そして「保存」をクリックします。

4. WixにInstagramストーリーを埋め込む

• あなたにログインする ウィックス アカウント。
• 左側のメニュー パネルで、[+ 追加] ボタンをクリックし、[埋め込みボタン] を選択して、[ウィジェットの埋め込み] をクリックします。
• 入力フィールドにコードを貼り付けて「適用」をクリックします。
• 最後に、加えた変更を保存します。

5. SquarespaceにInstagramストーリーを追加する

• まずはログインして Squarespace アカウント。
• 埋め込みブロックを使用して、Web ページに外部コードを追加します。
• 次に、ページにブロックを追加し、ページ エディターを開いて、「ブロックの追加」をクリックします。
• 次に、メニューから「埋め込み」を選択します。
• クリックURL フィールドにアイコンが表示されます。
• 次に、そのボックスに埋め込みコードを貼り付けます。
• 設定をクリック
• 最後に、「適用」ボタンをクリックして変更を保存します。

6. WeeblyにInstagramストーリーを埋め込む

• 埋め込みコード要素を見つけて、ウェブサイト上で Instagram ストーリーを表示したい場所にドラッグ アンド ドロップします。
• HTML ボックスをクリックします。
• 次に、「カスタム HTML の編集」オプションを選択します。
• Instagramストーリーを埋め込むには埋め込みコードを貼り付けてください Weebly ウェブサイトをご覧ください。
• 変更を保存して更新します。 

7. ElementorウェブサイトにInstagramストーリーを表示する

• ウィジェット エディターを開き、「ウィジェットを埋め込む」ボタンをクリックします。
• プラットフォームとして「その他」を選択し、「コードをコピー」をクリックして、Instagram ストーリーの埋め込みコードを取得します。
• あなたにログインする Elementor サイトにアクセスし、Instagram ストーリーを追加するページまたは投稿に移動します。
• Elementor エディターを開き、HTML ウィジェットを見つけるか、新しいウィジェットを目的のセクションにドラッグ アンド ドロップします。
• コピーした Instagram ストーリーの埋め込みコードを HTML ウィジェットに貼り付けます。
• Elementor エディターで変更を保存します。
• サイトをリロードして、Instagram ストーリーがライブになっていることを確認します。

8. WebflowウェブサイトにInstagramストーリーを追加する

• Instagramストーリーの埋め込みコードを生成するには、 ウィジェットを埋め込む
• 次に、を選択します その他 CMS プラットフォームとして。
• をセットする 高さと幅 フィードウィジェットの コードをコピーする
• Webflow Instagram ストーリーの埋め込みコードがクリップボードにコピーされました。
• Now login 管理パネルに ウェブフロー ウェブサイトのアカウント。
• ナビゲート Instagram ストーリーを埋め込みたいページに移動します。
• メニューパネルから、 要素を追加 「埋め込みます"オプション。
• ドラッグ＆ドロップ Instagram ストーリーを埋め込みたいウェブページに埋め込み要素を追加します。
• 貼り付ける 埋め込みコードを入力し、変更を保存します。
• ライブ埋め込みを表示するにはウェブページを再読み込みしてください ウェブフロー上のInstagram ウェブサイトをご覧ください。

ウェブサイトにInstagramストーリーズを追加するその他のオプション Tagembed プラグイン：

1. Tagembed Shopifyアプリ

Shopifyは間違いなく最高のeコマースプラットフォームです。さまざまな商人がこのプラットフォームに大きな信頼を寄せており、期待に応えています。このプラットフォームの人気の大きな理由の1つは、アプリです。 Tagembed Shopifyアプリ Shopify アプリ ストアでソーシャル メディア フィードを収集、キュレート、カスタマイズし、Shopify ストアに表示するために使用できます。

このアプリは、埋め込みプロセスを簡素化することで、ウェブサイトの美しさと機能性を高めるのに役立ちます。このアプリは Shopify ストアで簡単に見つけることができ、ウェブサイトにソーシャル メディア フィードをスタイリッシュに表示するために使用できます。さらに、ソーシャル メディア フィードをショッピング可能にして、Shopify ウェブサイトの機能性を高めることもできます。

2. Tagembed WordPressのプラグイン

WordPressは、その操作しやすいインターフェースとプラグインのおかげで、最高のウェブサイト構築プラットフォームの一つとなっています。WordPressのウェブサイトをお持ちの場合は、 Tagembed WordPressのプラグイン Instagram ストーリーをウェブサイトに埋め込みます。

見つけることができます Tagembedプラグインストアで入手できるこのプラグインを使えば、ソーシャルメディアのフィードを簡単に収集し、見やすく表示できます。さらに、カスタマイズ、モデレーション、分析など、さまざまな機能も備えているため、WordPressウェブサイトに最適なプラグインです。

ウェブサイトに Instagram ストーリーを埋め込むメリット:

ブランドや企業にとって、それほど古くはないが人気の高いプロモーションツールには、さまざまなメリットがあります。 無料のソーシャルメディアアグリゲーター ツールのような TagembedウェブサイトにInstagramストーリーズを埋め込むことで得られるすべてのメリットを享受できます。 

それでは読み続けてください！

1. 新しい形の広告とプロモーション

Instagram ストーリーをブランドの広告やプロモーションに活用するのはいかがでしょうか? はい、その通りです! ブランドはコードをすばやく生成し、それをサードパーティのプラットフォーム (ブロガー、Web ポータルなど) に送信して、ストーリーを広告の形で表示できるようになりました。 

2. クリエイティブコンテンツのリーチを拡大する 

Instagram ストーリーをウェブサイトに埋め込むと、魅力的でクリエイティブなコンテンツのリーチが拡大するだけでなく、新しいユーザーの注目も集めることができます。 

したがって、この機会にこのようなコンテンツをさらに作成して、Instagram ストーリーを介したコンテンツ制作の最大限のリーチと利益を実現してください。

3. Instagramストーリーを再利用する

最新の話といえば ソーシャルメディアフィード ソーシャルマーケティングのあらゆるシナリオにおいて、Instagramストーリーは企業に無限のデジタルインタラクションの機会と可能性を提供します。なぜでしょうか？それは、Instagramストーリーが、多くのオーディエンスを惹きつける、王者と称されるコンテンツフォーマットの一つだからです。

4. 時間とコスト効率 

最新の Instagram ストーリーを Web サイトと同期すると、プラットフォーム外での露出が増加するだけでなく、手動リソースのコストも節約できます。

最後の言葉

簡単に言えば、最新の Instagram ストーリーをすべてウェブサイトに同期して表示し、サイト訪問者にブランドの最新情報を簡単に提供することができます。