Squarespace ウェブサイトに Instagram フィードを追加するにはどうすればいいですか?

Instagram は、フィルター、編集ツール、ジオタグ、ハッシュタグなどの動的な投稿機能により、最も好まれるソーシャル メディア マーケティング プラットフォームになりました。Instagram のエンゲージメント率は Facebook の 15 倍、Twitter の 20 倍です。Instagram のコンテンツは魅力的です。ブランドは、Squarespace の Web サイトに Instagram フィードを追加することで、このプラットフォームのマーケティングの可能性を活用しています。

さらに、Squarespace がユーザーに提供する受賞歴のある Web デザイン、素晴らしいポートフォリオ、テンプレートは、活気に満ちた Instagram フィードに完璧にマッチします。

しかし、問題は、Instagram の投稿を埋め込むことでブランドはどのようなメリットを享受できるかということです。

Squarespace ウェブサイトに Instagram フィードを追加する理由

SquarespaceのウェブサイトにInstagramの投稿を埋め込むことで、より多くの顧客を引き付けることができ、ウェブサイトを本物らしく見せることができます。 ユーザー生成コンテンツこのユーザー生成コンテンツはブランドに対する社会的証明として機能し、コンバージョン率を高めます。

さらに、Instagram の魅力的な画像や動画は、ウェブサイトの活気を高め、よりダイナミックでレスポンシブなものにします。また、製品の視認性を高め、目を引くビジュアル ギャラリーの中心を作ることで、視聴者とブランドの交流も強化します。

したがって、InstagramフィードをSquarespaceに追加することで、ユーザーのエンゲージメントが高まり、売上が促進されます。Instagramの集約のメリットについて学んだ後、ブログの次のセクションに進み、Instagramの集約の方法についての詳細なチュートリアルをご覧ください。 ウェブサイトにInstagramフィードを埋め込む.

Squarespace ウェブサイトに Instagram フィードを追加する手順:

埋め込み Squarespace の Instagram ウィジェット ウェブサイトは 2 つの部分で作成できます。

1. Instagramの投稿をTagboxエディターに追加する

2. SquarespaceのウェブサイトにInstagramフィードを埋め込む

ステップ1 – SquarespaceにInstagramフィードを追加する

1. タグボックスウィジェットアカウントを作成する または既存のアカウントにログインしてください。

2. 着陸したら ダッシュボード. ここをクリックして フィードを追加 ウィジェットに Instagram フィードを追加するオプション。

3. "を選択Instagram投稿を収集するためのソースネットワークとして「」を使用します。

4. あなたの選択します。 接続タイプ Instagramから投稿を集めるには  ハッシュタグ(#)、ハンドル、 Handle, ストーリー(@)、メンション、タグ、リール、投稿URL.  詳細を入力して「フィードを作成"。

ハッシュタグ （＃）: 関連するハッシュタグを使用してInstagramの投稿を収集し、 Instagram ハッシュタグ フィード。

ハンドル (@): Instagram プロフィールから直接投稿を収集します。

ストーリー: 魅力的なものを収集して表示する Instagramの物語.

メンション (@): あなたのブランドが言及されている Instagram の投稿をキュレートします。

タグを付けました: あなたのブランドがタグ付けされた Instagram の投稿をキュレートします。

リール： エンゲージメントの高いコンテンツを収集してキュレートする Instagramリール URLを入力します。

私のハンドル: 自社のビジネスInstagramアカウントからアップロードされた投稿を集約して表示します

5. Instagram のログイン資格情報を入力してサインインします。接続が作成され、数分以内に投稿がエディターに表示されます。

パーソナライズされたフィードをカスタマイズし、表示する関連コンテンツを管理できるようになりました。

ステップ2 – SquarespaceウェブサイトにInstagramフィードを追加する

Tagbox Widget アカウントにフィードを追加したら、次のステップは埋め込みプロセス用のコードを生成することです。コードを取得するには、以下の手順に従ってください。 

1. セットアップボタンをクリックすると、セットアップが開始されます  パブリッシュ ページの左下隅にあるボタンをクリックします。

2. 選択 ウェブページに埋め込む Squarespace 用の Instagram 埋め込みコードを生成するオプション。

3. 選択 "Squarespace” をウェブサイト構築プラットフォームとしてご利用ください。

4. 必要に応じてウィジェットの幅と高さを調整します。

4. ボックスからコードをコピーします。ウィジェットのプレビューを見るには、 プレビュー.

Squarespace ウェブサイトに Instagram フィードを追加する 4 つの簡単な手順:

1. Squarespace ウェブサイトのバックエンド ページから、投稿エディター ページを開きます。

2. クリック "ブロックの追加ドロップダウンメニューから埋め込みを選択し、 コードアイコン（ ） URLフィールドに入力します。  

3. ボックスに埋め込みコードを貼り付けてクリックします 作成セッションプロセスで.

4. クリック 申し込む ウェブサイトに変更を加えます。

これで、Squarespace ウェブサイトに Instagram の投稿が埋め込まれました。

Squarespace ウェブサイトに Instagram の投稿を埋め込む無料オプション:

1. Instagram自体に埋め込む

Instagram アプリを使用すると、フィードをウェブサイトに無料で簡単に追加できます。手順は次のとおりです。

• Instagramアカウントにログインします。
• 埋め込みたい投稿を選択します。
• 投稿の右上隅にある 3 つのドットのオプションをクリックします。
• 「埋め込み」オプションを選択すると、コードが生成されます。
• コードをコピーして、Squarespace ウェブサイトのバックエンド ページに貼り付けます。

しかし、この手順の欠点は、一度に 1 つの投稿しか埋め込めないことです。また、カスタマイズ、モデレーション、パフォーマンス分析、ライブ更新などの機能も備えていません。

2. Squarespace Instagramブロックを使用して埋め込む

Squarespace では、Instagram ブロックを使用して Instagram の投稿をサイトに表示できます。手動でギャラリーに追加しなくても、Web サイトで投稿を表示できます。Instagram ブロックを Instagram アカウントと同期することで、サイト上でライブ更新が提供されます。

Instagram ブロックを Web サイトに追加する手順の概要は次のとおりです。

• ページ エディターを開き、挿入ポイントをクリックします。
• ブロックメニューで「Instagram」を選択します。ブロックをクリックしてドラッグし、目的の場所に移動します。
• ブロック エディターで [接続済みアカウント] オプションをクリックします。ドロップダウン メニューから、接続済みの Instagram アカウントを選択するか、[新しいアカウント] をクリックして別のアカウントを接続します。
• 「表示するアイテム」スライダーを使用して、表示する画像の数を選択します。最大 20 までの数を選択できます。
• 表示をカスタマイズするには、「デザインタブ」をクリックします。
• 「適用」をクリックして変更を保存します。

しかし 欠点 この手順で問題となるのは、InstagramはInstagramブロック内の投稿のフィルタリングをサポートしていないことです。 ハッシュタグ および検索用語。また、一度に追加できる画像は最大 20 枚までです。

これに対する解決策は、 Tagboxのウェブサイトウィジェットこの制限を克服しただけでなく、最高のサービスを提供するために多くの機能を備えています。 

提案 – Squarespace ウェブサイトに Instagram フィードを追加する:

Instagram フィードとは何か、なぜ Squarespace に Instagram フィードを追加する必要があるのか​​、そしてそれを埋め込む方法について理解できたので、次は、それを Web サイトのどこに表示するかについてのアイデアをいくつか集めてみましょう。

1.ホームページ

訪問者を引き付けるのは、ウェブサイトのランディングページです。あなたのビジネスの概要を示す、ウェブサイトのデフォルトのメインウェブページです。 Instagramウィジェット ウェブサイトのホームページに掲載してください。訪問者があなたのビジネスについて知るには最適な方法です。

2.ページについて

このページでは、訪問者があなたのビジネスの奥深くまで入り込み、さらに詳しく調べることができます。このページに Instagram フィード ギャラリーを追加すると、訪問者に大きな影響を与えるさらに優れたオプションになります。ページの外観が向上し、厳選された少数の画像ではなく、ビジネスとその製品に関するさまざまな画像が表示されます。

3.ブログ投稿

フィードを表示するもう 1 つの素晴らしい方法は、ブログ投稿の最後に表示することです。これにより、訪問者がブログを読み終えた後に CTA が開始されます。このアクションをクリックすると、ブランドは Instagram のフォロワー数を増やすことができます。また、Instagram はブランドにとってマーケティング チャネルであるため、フォロワー数が膨大になるとエンゲージメントと成長が促進されます。

4. ウェブサイトのフッター

ウェブページの下部セクションですが、フィードを表示するための優れたオプションです。これは、ウェブサイトのフッターがウェブサイトのすべてのページに自動的に表示されるためです。そのため、訪問者がどのページに移動しても、常にフィードを見ることができます。

Tagbox をウィジェット ツールとして指定する理由

タグボックス すごい ソーシャルメディアアグリゲーター あなたに提供するツール ユーザーフレンドリーなインターフェース Instagram の投稿をよりインタラクティブにする興味深い機能を提供します。

• に役立ちます カスタム化 テーマ、背景、レイアウト、色、フォント、投稿スタイル、コンテンツのハイライトなどを変更して、フィードをカスタマイズできます。

• 強力な節度 パネルと不適切な表現フィルターを使用すると、Web サイトに表示する最も関連性の高いコンテンツを選択できます。

• また、パフォーマンスを分析する 分析機能では、合計インプレッション数、クリック数、ユーザー数などが表示され、ユーザーの分析情報や成長を把握するのに役立ちます。

• さらに、 リアルタイム更新 この機能により、訪問者に新鮮でユニークなコンテンツを表示できます。

• との互換性 さまざまなウェブサイト構築プラットフォーム例: WordPress、Squarespace、Wix、Weebly、HTML、Shopify など。

まとめ

デジタル マーケティングの時代において、ソーシャル メディア、特に Instagram は重要な役割を果たします。この Instagram を Web サイトに統合することは、市場へのリーチとエンゲージメントを拡大するのに最適なアイデアです。 

Tagbox Widget を使用すると、ライブ Instagram 写真フィードを Web サイトに表示して信頼を構築し、コンバージョンと売上を伸ばすことができます。