Squarespace ウェブサイトに Instagram フィードを追加する方法 (ステップバイステップ)

Squarespace Instagram フィード
読書の時間: 11

Squarespace に Instagram フィードを追加したいですか? これは、ブランドのビジュアル コンテンツを Web サイトに直接表示できる素晴らしい方法です。

Instagram は、すべての人の関心を維持するのに最適なツールです。多くのビジネス オーナーが、さまざまな方法でマーケティング戦略にこのプラットフォームを使用しています。その理由は、サポート アルゴリズムと高度な機能があるからです。調査によると、Instagram には 2.4 億人のアクティブ ユーザーがおり、ブランドが潜在顧客とつながる絶好の機会を提供しています。そして、なんと、Instagram を通じて潜在顧客を顧客に変えるには、Web サイトが最適です。 

Squarespaceは、多くの費用をかけずにコンテンツを作成および管理できる優れたCMSプラットフォームです。洗練されたテンプレート、ユーザーフレンドリーなエディター、堅牢な機能でよく知られています。 eコマースツール、ウェブサイト構築をよりスムーズにします。Squarespace Instagram フィードは、Instagram コンテンツをウェブサイトで直接紹介できる人気の機能です。この記事では、簡単な手順で Squarespace ウェブサイトに Instagram フィードを追加するプロセスについて説明します。Squarespace に Instagram フィードを埋め込むプロセスを見てみましょう。 

Instagram フィードを Squarespace に追加する簡単な手順

Instagram ブロック機能を使用して Squarespace ウェブサイトに Instagram フィードを追加する方法を段階的に説明します。

1. Squarespceページエディタに移動します

2. Instagramブロックを追加する

3. Instagramアカウントを接続する

4. InstagramフィードをSquarespaceに埋め込む

Squarespace Instagram フィードを Web サイトに埋め込む方法の詳細なガイドに進みましょう。

方法1. Instagramの埋め込みコードを使用する

Instagram を個別に使用して、Squarespace の Web サイトに Instagram フィードを埋め込むことができます。Instagram から直接埋め込みコード方式を使用して、Squarespace サイトに Instagram フィードを埋め込む方法について、ステップバイステップで説明します。

ステップ 1 – Instagramアカウントにログイン

ステップ 2 – Squarespaceのウェブサイトに埋め込みたい投稿に移動します

ステップ 3 – 右上隅にある3つの点をクリックします

ステップ 4 – 「埋め込み」オプションを選択すると、コードが生成されます。

ステップ 5 – コードをコピーして、Squarespace の Web サイトに貼り付けます。 

Squarespace ウェブサイトに Instagram フィードが埋め込まれているのがわかります。 

SquarespaceでInstagramフィードを表示する
ハッシュ ハッシュ

インスタグラムハッシュタグ

ハンドル ハンドル

インスタグラムのメンション

物語 物語

Instagram Stories

リール リール

Instagram Reels

言及 言及

Instagramのプロフィール

方法 2. Squarespace Instagram ブロック (組み込み) を使用する

ステップ 1: Instagram を Squarespace アカウントに接続する:

  1. Squarespaceダッシュボードを開く
  2. 左側の「設定」オプションを選択します
  3. 「接続されたアカウント」をクリックし、Instagram アイコンを選択します。
  4. アカウント接続オプションを選択します。
  5. Instagramアカウントを接続するためのポップアップが表示されます

ステップ2: InstagramブロックをWebページに追加する

  • フィードのアスペクト比、パディング、画像サイズなどのコンポーネントを調整することもできます。
  • Squarespaceのページセクションに移動します
  • ブロックを追加するページを選択してください
  • 編集をクリックし、 
  • フィードを表示する場所で「セクションの追加」または「コンテンツ ブロックの追加」をクリックします。
  • ドロップダウンから「ソーシャル」オプションを選択します。
  •  カルーセル、スライドショー、スタックなどのさまざまなオプションからグリッド スタイルを選択します。
  • 表示する投稿の数を調整します。

方法3. SquarespaceにInstagramフィードを追加する( Tagshop) 

InstagramフィードをSquarespaceに追加する方法を理解しましょう Tagshop: 

1. Instagramフィードを作成する

ステップ 1 – 既存のアカウントにログインするか、 Tagshop 新しいアカウント。

Squarespace Instagram フィードを埋め込む

ステップ 2 – サイドバーから「フィード」オプションに移動します

Instagram フィードを Squarespace に追加する

ステップ 3 – 右上から「フィードを追加」をクリックします 

ステップ 4 – ソースネットワークとして「Instagram」を選択します。

ステップ 5 – ハンドル、ハッシュタグ、ストーリー、メンションなどの利用可能なオプションから選択します。 

Squarespace に埋め込む Instagram フィードを収集する

ステップ 6 – 「フィードを作成」をクリックします。フィードは以下を使用してキュレーションされます。 Tagshop.

ステップ 7– サイドバーからフィードを作成したら、「コンテンツ」に移動します 

Squarespace Instagram フィード

ステップ 8 – ご希望に応じて投稿を公開または非公開にします。 

2. SquarespaceのInstagramフィードをショッピング可能にする

ステップ 9 – フィードを作成したら、Squarespace Instagramショップを作成できます。 Tagshop. 

ステップ 10 – サイドバーから「製品カタログ」に移動して同期します。 

商品を同期してInstagramフィードをショッピング可能にする

ステップ 11 – カタログが同期されたら、「製品にタグ」を付けます。

商品をタグ付けして、Instagram フィードを Squarespace に追加する

ステップ 12 – 名前、カテゴリ、SKU で製品を検索できます。 

3. コードの設計と生成

ステップ 13– サイドバーから「公開」に移動し、Web サイトに合ったテーマ、カスタマイズ オプション、CTA ボタンを選択します。

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

ステップ 14 – 「コードの生成」をクリックし、CMS プラットフォームとして「その他」を選択します。

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

ステップ 15 – 必要に応じてギャラリーの幅と高さを調整し、コードをコピーします。 

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

ステップ 16 – Squarespace ウェブサイトの管理者にログインします。 

Instagramフィードを追加するにはSquarespaceにログインしてください

ステップ 17 – 「編集」ボタンをクリックしてInstagramフィードをSquarespaceに追加します

ステップ 18 - クリックしてください '+' ボタンを選択 コード オプション

Squarespace の Instagram フィード埋め込みコード

ステップ 19 – コードを貼り付けて、「適用」ボタンをタップします。 

Squarespace に Instagram フィードを追加する

ステップ 20 – 変更を加えるには、「保存」をクリックします。 

おめでとうございます!InstagramフィードをSquarespaceのウェブサイトに埋め込むことに成功しました。 Tagshopさまざまなテーマとカスタマイズ オプションがあります。すべてを試して、Web サイトを美しく仕上げましょう。 

続きを読む: Instagram フィードをウェブサイトに埋め込むにはどうすればいいですか?

ライブデモ: Squarespace でショッピング可能な Instagram フィード!

こちらは、Web サイトに埋め込まれた Squarespace Instagram フィードのライブ デモです。

SquarespaceにInstagramフィードを埋め込む
ハッシュ ハッシュ

インスタグラムハッシュタグ

ハンドル ハンドル

インスタグラムのメンション

物語 物語

Instagram Stories

リール リール

Instagram Reels

言及 言及

Instagramのプロフィール

SquarespaceでInstagramプロフィール/ハンドルを表示する 

Instagram フィードを Squarespace に追加する方法がわかったので、次は、Instagram プロフィール/ハンドルを Squarespace Web サイトで紹介する方法を理解しましょう。 

ステップ 1 – あなたの Tagshop アカウント。

ステップ 2 – 好みに応じて「Instagram」を選択してフィードを作成します。 

ステップ 3 – フィードをキュレートするには、ハッシュタグ、ストアなどの利用可能なオプションから「ハンドル」を選択します。

ステップ 4 – フィードをキュレートし、コードを生成し、Squarespaceのウェブサイトにログインします

ステップ 5 – Squarespace ウェブサイトのバックエンドにコードを貼り付けます。 

おめでとうございます!Squarespace ウェブサイトに Instagram プロフィールを埋め込むことができました。 

続きを読む: ShopifyにInstagramフィードを埋め込む方法は?

SquarespaceでInstagramフィードを表示する
ハッシュ ハッシュ

インスタグラムハッシュタグ

ハンドル ハンドル

インスタグラムのメンション

物語 物語

Instagram Stories

リール リール

Instagram Reels

言及 言及

Instagramのプロフィール

Squarespace に Instagram フィードを追加するにはどこに行けばいいですか?

Squarespace の Instagram フィードを論理的に追加することは、Web サイトの視覚的な魅力を向上させる重要な要素です。Squarespace に Instagram フィードを追加できる主な領域は次のとおりです。 

1. フッターセクション

フッターはどのウェブサイトでも一定なので、そこにフィードを埋め込むことで、より魅力的なものにすることができます。一般的に、フッター部分でのインタラクションは少ないので、このセクションにフィードを配置すると、エンゲージメントとインタラクションが高まります。 

2. 会社情報ページ

About ページは、ユーザーが現在アクセスしている Web サイトについて知るための Web サイト セクションです。About ページの Instagram フィードは信頼性が高いため、ブランドの個性を高めるのに役立ちます。ユーザーは独自の方法でブランドについてより詳しく知ることができ、ブランドとのより深いつながりを築くのに役立ちます。 

3. ブログまたはニュースセクションのサイドバー

ウェブサイトにサイドバー付きのブログやニュース セクションがある場合は、Instagram フィードを配置するのに最適な機会です。リアルタイム更新は、魅力的なフィードを提供することで、訪問者に付加価値を与えます。また、ソーシャル メディア アカウントのクロスプラットフォーム プロモーションにも役立ちます。 

4.ホームページ

視聴者の注目を集めたい場合は、ウェブサイトのホームページに Instagram フィードを埋め込んでみてください。ホームページは常に更新されるため、ライブ フィードを公開すると、視聴者がブランドの最新情報に関心を持ち、つながりを保つのに役立ちます。 

5. キャリアページ(ある場合)

ウェブサイトに専用のキャリア ページがある場合は、そこに Instagram フィードを配置すると、職場での素晴らしい活動を紹介するのに最適です。組織に入社した後、期待できるすべてのことを包括的に把握できます。 

Squarespace ウェブサイトに Instagram フィードを埋め込むメリット 

ウェブサイトは、信頼性とブランド イメージを向上させるため、あらゆるビジネスにとって重要です。訪問者の注目を集めるため、インタラクティブにすることは非常に重要です。Squarespace ウェブサイトに Instagram フィードを追加する利点には、次のものがあります。 

1.視認性の向上

Squarespace Instagram フィードを Web サイトに埋め込むと、Web サイトの可視性が向上します。ユーザーはさまざまなプラットフォームでのオンライン プレゼンスに気付くため、ブランドの可視性が高まります。また、Web サイトがより魅力的で視覚的に魅力的になるため、Web サイトのトラフィックが増加します。 

2。 改善されたSEO

Squarespace の Web サイトに Instagram フィードを埋め込むと、SEO が大幅に向上します。その理由は、コンテンツが常に新鮮で更新されるからです。検索エンジンは投稿の文章やハッシュタグを認識できるため、ランキングが向上します。さらに、定期的に更新されるコンテンツは、検索エンジンのランキングにプラスの影響を与えることもあります。

3. ユーザー生成コンテンツの多様性

訪問者があなたのウェブサイトを訪問するとき、彼らは本物で信頼できるコンテンツだけを求めている可能性があります。Squarespace ウェブサイトに Instagram フィードを表示すると、コミュニティから大量のユーザー生成コンテンツを提供できます。訪問者は他の人があなたのブランドを好んでいることを知ることができ、より信頼するようになります。 

4. より多くのコンバージョン

ウェブサイトは、潜在的なリードを顧客に変えるのに最適なプラットフォームです。肯定的なレビューや推薦文を掲載することで、ユーザーはブランドを信頼し、その結果、顧客になる可能性が高まります。 

5. エンゲージメントを高める

Squarespace の Web サイトに Instagram フィードを埋め込むと、検索エンジンのランキングが向上し、エンゲージメントが大幅に高まります。視覚的に魅力的なフィードにより、ユーザーはサイトとのやり取りが増え、最終的にはサイトでの滞在時間が長くなります。これによりエンゲージメントが高まり、フォロワー数が増える可能性があります。 

6. ポジティブなブランドイメージ

本物の Instagram フィードを埋め込むことで、あなたのブランドは訪問者の目に良い評判を呼びます。オンラインでのプレゼンスを通じて満足している顧客を紹介することで、ポジティブなイメージを与え、新しい訪問者に対する社会的証明として役立ちます。 

Squarespace Instagramフィードが更新されない?試してみてください Tagshop

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

Instagram フィードを Web サイトに追加する際に問題が発生していますか? Squarespace の Instagram フィードが頻繁に更新されていませんか? Squarespace の Web サイトに Instagram フィードを埋め込む際に、Instagram の手動更新方法を使用している可能性があります。更新を確認し、各投稿を個別に埋め込む必要があるため、問題が発生することがよくあります。Instagram の手動埋め込みプロセスは時間がかかり、Web サイトに求められる以上の美観が必要です。 

この問題を解決する方法をお探しですか? Tagshop 埋め込みは、手動更新方法に比べてより有益です。その理由は次のとおりです。 

  • アップデートを確認する必要はありません。 Tagshop フィードを自動的に更新するリアルタイム更新機能があります。 
  • 無関係なコンテンツを非表示にして、関連するコンテンツでフィードを更新することもできます。 
  • 更新されたフィードをフィードタイプに合わせて配置します。たとえば、 Tagshop 更新されたリールが必要な場合、リール テーマは更新されたリール コンテンツを自動的に取得します。 
  • Tagshop 製品を手動で同期することで、更新されたフィードをショッピング可能にすることもできます。 
  • 訪問者の行動を追跡するための詳細な分析を提供します。 

  Tagshop そしてそのメリットを活用してください。フィードを継続的に更新することで、検索エンジンのランキングとウェブサイトのオンラインでの可視性が向上します。 

SquarespaceでInstagramフィードを表示する
ハッシュ ハッシュ

インスタグラムハッシュタグ

ハンドル ハンドル

インスタグラムのメンション

物語 物語

Instagram Stories

リール リール

Instagram Reels

言及 言及

Instagramのプロフィール

まとめ

SquarespaceのウェブサイトにInstagramのフィードを埋め込むことは、見た目を良くするだけでなく、オンラインでの存在感を高める素晴らしい方法です。手動でアップロードするか、サードパーティのツールを使用するかはあなた次第です。 Tagshopのメリットは明らかです。新鮮でリアルタイムに更新されるコンテンツは、常にオーディエンスの共感を呼ぶのです。ウェブサイトは常に潜在顧客にとって最初の接点であることを忘れないでください。したがって、更新されたフィードを提供することで、大幅に良い結果が得られます。Instagram フィードを Squarespace に追加するには、思い切って Instagram フィードを埋め込んで、ウェブサイトがよりダイナミックで魅力的、そしてブランドのオンラインでの成功のための効果的なツールに変身するのを見てください。

また読む: Instagram フィードのあるウェブサイト: あらゆる業界の例

よくあるご質問

はい、Instagram フィードを Squarespace の Web サイトに簡単に追加できます。Squarespace には、最新の Instagram 投稿を Web サイトに簡単に直接表示できる組み込みの Instagram ブロックが用意されています。

 

ページまたは投稿を編集 > ブロックの追加をクリック > Instagram を選択 > ブロック エディターを開く > 接続されたアカウントをクリックするか、新しいアカウントを追加 > アイテムの数を選択 > デザインとカスタム設定を選択 > 保存。

はい、リールのみを選択することで、InstagramのリールをSquarespaceに簡単に埋め込むことができます。 Tagshopコードを生成し、それを Squarespace ウェブサイトのバックエンドに貼り付けます。

SquarespaceにInstagramプロフィールを埋め込むには、 Tagshop> Instagram を選択 > ハンドルを選択 > フィードをキュレート > コードを生成 > ウェブサイトのバックエンドに貼り付けます。

目次