Instagramのストーリーを任意のウェブサイトに無料で埋め込む方法

公開: 2022-01-01

Instagramのストーリー、Instagramの独自の機能は、すべてのオンラインブランドとマーケターにとって最もトレンドのオーガニックプロモーションツールです。 2016年8月に開始されたInstagramストーリーは、現在、毎月約5億人のInstagrammerを魅了しています。

このブログでは、Instagramストーリーとは何か、その利点、およびブランドがInstagramストーリーをWebサイトに埋め込む方法について説明しました。

それでは、に飛び込みましょう。

Instagramのストーリーを任意のウェブサイトに無料で埋め込む

埋め込みプロセスを簡単にするために、技術的な専門知識や複雑さを必要とせずに、Instagramのプロフィールストーリーを手間をかけずに作成して埋め込む方法を説明する4ステップのガイドを作成しました。

ステップ1:TaggboxウィジェットでInstagramストーリーを追加する
ステップ2:Instagramに接続する
ステップ3:Instagramストーリー埋め込みコードを生成する
ステップ4:ウェブサイトにInstagramストーリーを埋め込む

あなたのウェブサイトにInstagramストーリーを追加し始める→

ステップ1.Taggboxウィジェットを使用してInstagramストーリーを作成/追加する

1.無料のTaggboxWidgetアカウントを作成するか、既存のアカウントにログインできます。

Instagramストーリーを埋め込む

2.ダッシュボードで、[ソーシャルフィードの追加]オプションをクリックして、ウィジェットにInstagramストーリーを表示します。

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

3. [作成]ウィジェットをクリックすると、すべての主要なソーシャルメディアプラットフォームを表示するポップアップが表示されます。 ここでは、ソースとしてInstagramを選択できます。

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

4.次に、Instagram Storiesを選択し、 「CreateFeed」をクリックします。

Instagramストーリーを埋め込む

ステップ2.Instagramに接続する

1. [フィードの作成]オプションをクリックすると、安全な認証プロセスにリダイレクトされます。

2.Instagramアカウントに必要なすべてのクレデンシャルを入力します。

3.接続が作成されるとすぐにInstagramストーリーが表示されます。

ステップ3.Instagramストーリーの埋め込みコードを生成する

以下の手順に従って、InstagramストーリーをWebサイトに追加するための埋め込みコードを取得します。

1.手順2を完了したら、ウィジェットエディタに移動します。

2. [公開]ボタンをクリックしたら、ここで[ Webページに埋め込む]オプションを選択して、Instagramストーリーの埋め込みコードを生成します。

Instagramストーリー埋め込み

3. HTML、WordPress、Wix、Shopify、Weebly、Squarespaceなどの要件に従ってWebサイト構築プラットフォームを選択し、要件に従ってウィジェットの高さと幅を設定します。

InstagramストーリーのHTMLコード

4.次に、[コードの生成]をクリックして、埋め込みコードを取得します。

これで、Instagramストーリーの埋め込みコードが正常に生成されました。

Taggboxを使用してWebサイトでInstagramストーリーを取得する

無料トライアルを開始→

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

1. Webサイトにログインし、WebサイトにInstagramストーリーを表示するWebページのバックエンドに移動します。 ブログ、フッターセクション、サイドバー、ホームページ、またはWebサイトの他のページです。

2.コピーしたコードをTaggboxInstagramWidgetからページの<body>セクションに貼り付けます。

3.公開/適用して変更を保存します。

[オプション]ストーリーテーマを適用する

ブランドとマーケターは、キュレートされたInstagramストーリーを、埋め込まれたストーリーとまったく同じようにWebサイトに表示できるようになりました。

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

このテーマを使用すると、ユーザーが作成したコンテンツをストーリーの形でWebサイトに表示して、Webサイトにアクセスする幅広い顧客を引き付けることができます。 Webサイトのどこにでも埋め込むことができ、Instagramのストーリーをキュレートして表示するのとまったく同じように見えます。 さまざまなテーマのリストからテーマを選択して適用する必要があります。

さまざまなWebサイトプラットフォームにInstagramストーリーを追加する

次の手順に従って、HTML、Shopify、WordPressなど、選択したWebサイト構築プラットフォームのいずれかでInstagramストーリーを表示します。

InstagramストーリーをHTMLに埋め込む方法

1. Webサイト構築プラットフォームとしてHTMLを選択し、生成された埋め込みコードをコピーします。

2. HTML Webサイトにログインし、ストーリーを埋め込むページを開きます。

3.生成された埋め込みコードをInstagramストーリーウィジェットを表示するWebページに貼り付け、変更を保存します。

HTMLWebサイトにストーリーを正常に埋め込むことができました

WordPressにInstagramストーリーを埋め込む方法

1. Webサイト構築プラットフォームとしてWordPressを選択し、生成された埋め込みコードをコピーします。

2.Webサイトにログインします。 次に、Instagramストーリーを埋め込むWebページを選択して編集します。

3.次に、WordPress5.0エディターのダッシュボードから[ページ]>[新しいページセクションの追加]を選択します。

4.もう一度[+]ボタンを選択し、カスタムHTMLオプションを選択します。

5.コピーしたコードをWordPressのエディターセクションに貼り付け、変更を適用して、WordPressWebサイトにInstagramストーリーを表示します。

InstagramストーリーをShopifyウェブサイトに追加する方法

最後になりましたが、Shopifyはeコマースビジネスに最適なプラットフォームであり、多くの小規模および大規模なブランドがそれを活用しています。

1. Shopifyアカウントにログインし、[販売チャネル]セクションで[オンラインストア]をクリックします。

2.サイドバーのドロップダウンリストから[テーマ]オプションを選択します。

3.画面の右側にあるアクションボタンをクリックします。 ドロップダウンリストから[コードの編集]を選択します。

4.WebサイトでInstagramストーリーを表示するレイアウト/テンプレート/セクションを選択します。

5. Taggboxのコピーしたコードを貼り付けて、[保存]をクリックします。

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

Instagram Storiesは、ブランドやデジタルマーケティング会社向けの新しいオーガニックプロモーションツールの1つであるため、アーカイブできないため、24時間で消えてしまうという欠点があります。

しかし、Taggboxなどのソーシャルメディアアグリゲーターツールを使用すると、Instagramアカウントを同期し、Instagramストーリーを自動的にアーカイブして、Webサイトに表示できます。

だから、ここにInstagramストーリーをウェブサイトに追加することでもたらされる利点があります。

1.Instagramストーリーリーチを強化する

Instagramのストーリーは、Webサイトに埋め込むとすぐに新しい意味を持ち、アカウントをフォローしていない新しいユーザーは更新されたままになる可能性があります。 したがって、魅力的で魅力的なコンテンツの作成に焦点を合わせて、コンテンツ制作のより大きな利益を期待してください。

2.新しい形式の広告

Instagramのストーリーを宣伝したい場合は、コードを生成してサードパーティに送信し、ストーリーを広告として表示できます。 つまり、Instagramのストーリーをウェブサイトに埋め込むことで、ブランドがコンテンツ公開の新しいフォーマットを獲得するのに役立ちます。

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

現在のソーシャルメディアマーケティングシナリオによると、Instagramストーリーは他のすべてのコンテンツフォーマットの王様と見なすことができます。 これは、多数のオーディエンスとの無限のクリエイティブおよびデジタルインタラクションの機会を提供するためです。

4.費用対効果

Instagramのストーリーを埋め込むことで、最新のストーリーをWebサイトで確認し、Instagramを超えて露出を高めることができます。 ウェブサイトをInstagramハンドルと同期することで、貴重な時間だけでなく、手動リソースの費用も節約できます。

ボーナス:Instagramストーリーに買い物可能なリンクを追加

Taggbox Commerceは、ストーリーへのShoppable Instagram&UGCギャラリーリンクを作成して共有することにより、InstagramストーリーをShoppableストーリーに変える機会を提供します。

Instagramストーリーを買い物可能にする

買い物可能なギャラリーを作成し、一意のURLを生成し、それをストーリーで共有して、より多くのトラフィックを引き付け、コンバージョンを増やし、収益を増やし、シンプルで迅速なソーシャルショッピング体験を提供します。

また読む–Instagramストーリーを保存する5つの簡単な方法

テイクアウェイ

簡単に言えば、Instagramのストーリーをウェブサイトに埋め込むことで、オーディエンスエンゲージメントの増加、ブランド認知度の向上、信頼と忠誠心の構築、コンバージョンと売上の増加など、ビジネスのさまざまな機会とメリットの扉を開くことができます。

Taggboxを試してみてください– 14日間無料です!

ストーリーをキュレートし、人々を引き込む

デモのリクエスト無料トライアルの開始→