3ステップでウェブサイトにInstagramプロフィールを埋め込む方法

読書の時間： 12 分

ウェブサイトの見た目や雰囲気を向上させる簡単な方法をお探しですか? 動的なコンテンツをウェブサイトに組み込むのが最善の選択肢です。魅力的な Instagram フィードよりも動的なものは何でしょうか? 

Instagramプロフィールフィードを埋め込む 本物のユーザー生成コンテンツ は、ウェブサイトでの閲覧時間を増やすのに素晴らしい方法です。プログラミングのエキスパートである必要はありません。効率的な埋め込みツールを使用すれば、ウェブサイトのエンゲージメントを簡単に急上昇させることができます。このブログ記事では、 Instagramプロフィールコンテンツをウェブサイトに埋め込む そして、いくつかの例について議論します。それでは、あまり待たずに始めましょう。 

Instagram プロフィールまたはハンドルとは何ですか?

Instagram プロフィールは、投稿した写真、リール、経歴、設定、リンク、特定の人物やビジネスに関するその他の情報を見つけることができるページです。フォロワーやフォロー中のリストを表示することもできます。

Instagram プロフィールの最も重要な 2 つの要素は、説明とリンクです。これらはフォロワーの行動喚起として機能します。Instagram アカウントは、視聴者とつながり、関係を構築し、製品やサービスを宣伝し、パフォーマンスに関する洞察を得るための最適な方法の 1 つです。

あらゆるウェブサイトにInstagramプロフィールを埋め込む方法

方法を理解する前に、それらを比較して、どれがあなたにとって最適かを確認しましょう。 

要件	方法1	方法2
Instagramプロフィールを埋め込む	Instagramの使用	使い方 Tagshop
自動フィード/ストーリー/ビデオの更新	いいえ、手動で更新する必要があります。	自動更新が利用可能 Tagshop
テーマとテンプレート	いいえ、静的フィードのみ埋め込むことができます。	はい、ウェブサイトのデザインに応じて、魅力的なテーマとオプションをご利用いただけます。
アドバンス機能	高度な機能はありません	はい、プラットフォームでは高度な AI モデレーション機能が利用できます。
ショッピング可能なフィード/ストーリー/動画	いいえ	はい、フィードをショッピング可能にすることができます
製品のタグ付け	いいえ	はい、1つの投稿で複数の商品をタグ付けできます
一括埋め込み	いいえ	はい、一括埋め込みが可能です
エンゲージメントメトリクス	Na	高度な詳細なメトリックが利用可能です。
カスタマイズ	NA	はい、さまざまなテーマ、背景、CTA ボタンでカスタマイズできます。
事前サポート	NA	はい、24時間年中無休のサポートが利用可能です
プラットフォームの互換性	CMS統合中にいくつかの困難に直面	すべてのCMSプラットフォームとの互換性が容易
時間がかかる	はい、手動で埋め込む必要があるためです	いいえ、手動でのアップロードは必要ありません。

両方の方法の長所と短所がわかったので、 Instagramプロフィールを埋め込む 両方の方法で。 

方法1. Instagram自体を使用する（手動で埋め込む）

Instagram 自体を使用して手動で埋め込むには、次の手順に従います。

ステップ1 - Instagramにログイン プロフィールから投稿を選択します。

ステップ 2 – 投稿の右上隅にある XNUMX つのドットをクリックします。

ステップ 3 – ポップアップから埋め込みオプションをクリックします。

ステップ4 – 「埋め込みコードをコピー」をクリックします

ステップ 5 – ウェブサイトにログインします。*(WordPress、Magento、Shopify、HTML など)

ステップ 6 – Instagram プロフィール投稿を埋め込むページを探します。

ステップ 7 – 埋め込みコードを貼り付けるだけで完了です。

更新すると、フィードが Web サイトに埋め込まれます。 

方法2. 埋め込み Tagshop (自動フィード更新)

Instagramプロフィールを埋め込む Tagshop、AIモデレーション機能を備えたカスタマイズオプションとテーマのプールを提供し、作業を容易にします。 Tagshop、指定された指示に従ってください。

Instagramプロフィールコンテンツを収集する

ステップ1 – ログインまたは 無料で作成 Tagshop アカウント

ステップ 2 – サイドバーから「フィード」に移動し、「フィードを追加」をクリックします。

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

ステップ4 – ダイアログボックスから「Handle' を好みに応じて選択し、Instagram アカウントを接続します。

ステップ5 – 「フィードを作成」をクリックします

ステップ6 – 次に「コンテンツ' をサイドバーからクリックします。ここで、投稿を自分の選択に応じて公開または非公開にして、フィードを管理できます。 

ボーナスステップ: フィードをショッピング可能にする

方法を学びましょう Instagramフィードをショッピング可能にする Tagshop。その方法を見てみましょう:

ステップ7 – サイドバーから「製品カタログ'と'製品カタログを同期ウェブサイトビルダーから直接製品を同期したり、カスタムアップロードを行うことができます。 

ステップ 8 – カタログが同期されると、商品にタグを付けて購入できるようになります。

ステップ9 – 「製品のタグ' をクリックし、名前、カテゴリ、または SKU で製品を検索します。

*注 – 1つの投稿に複数のタグを追加するには、「ホットスポット' 特徴。

自分好みにデザインして公開しましょう！

ステップ 11 – 「公開」に進み、Web サイトのテーマの種類に合ったフィードをカスタマイズします。

ステップ 12 – 好みのテーマ、カスタマイズ オプション、CTA ボタンを選択します。

ステップ 13 – 完了したら、「コードの生成」をクリックします。 

ステップ14 – CMSプラットフォームを選択してコードをコピーする

ステップ 15 – ウェブサイトのバックエンドに貼り付ければ完了です。

おめでとうございます！ショッピング可能なInstagramプロフィールをウェブサイトに埋め込むことができました。 Tagshop. 

ライブデモ: ウェブサイト上の Instagram プロフィール

さまざまな CMS プラットフォームに Instagram プロフィールを埋め込む

コードの生成とコピーの方法を学んだので、次は ウェブサイトにプロフィールを埋め込む方法 さまざまな CMS プラットフォームの使用:

WordPressにInstagramプロフィールを埋め込む

に WordPressにInstagramプロフィールを埋め込む、次の手順に従います。

ステップ1 – WordPressアカウントにログインする
ステップ2 – フィードを埋め込むページに移動し、「カスタムHTMLブロック」を選択します。
ステップ3 – コピーした生成コードを貼り付けます。 Tagshop.
ステップ 4 – 公開ボタンをクリックします。

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

関連ブログ： WordPress に Instagram フィードを埋め込む方法は?

-------------------------

ShopifyストアにInstagramプロフィールを追加する

に ShopifyウェブサイトにInstagramプロフィールを埋め込む、 次の手順を実行します：

ステップ1 – Shopify管理画面へ移動
ステップ2 – 「オンラインストア」オプションを検索する
ステップ3 – ドロップダウンメニューから「ページ」を選択します
ステップ 4 – Instagram プロフィールを埋め込むページを探すか、新しいプロフィールを作成します。 
ステップ5 – 「HTMLセクション」に、Tashopからコピーしたコードを貼り付けます。 
ステップ6 – すべての変更を保存する

ページを更新すると、ShopifyウェブサイトにInstagramプロフィールが埋め込まれているのが確認できます。 Tagshop. 

関連ブログ： Instagram フィードを Shopify に追加する方法: 3 つの方法

--------------------------

InstagramプロフィールをMagentoストアに統合

に Instagramプロフィールを埋め込む ウェブサイトで、以下の手順に従ってください。

ステップ1 – Magentoウェブサイトにログインする 
ステップ2 – 左側のサイドバーから「コンテンツ」オプションを選択し、「デザイン」の下で「構成」を選択します。
ステップ3 – 既存のウェブページを作成または編集する
ステップ4 – 下にスクロールして「HTMLヘッド」オプションを選択します。
ステップ5 – ここで、 Tagshop- 生成された Instagram 埋め込みコード
ステップ 6 – 「構成を保存」をクリックすると完了です。

ページをプレビューすると、Instagram プロフィール フィードが Magento ウェブサイトに正常に追加されたことがわかります。 

Squarespace ウェブサイトで Instagram プロフィールを紹介する

手順に従って SquarespaceにInstagramフィードを埋め込む ウェブサイト：

ステップ1 – Squarespaceのウェブサイトにログインする 
ステップ2 – コードを埋め込むページを探すか、新しいページを作成します
ステップ3 – ページを編集し、「セクションの追加>空白のセクションの追加」を選択します。 
ステップ4 – URLフィールドで、コピーしたコードを貼り付けます Tagshop
ステップ 5 – 「保存」をクリックし、「適用」をクリックします。

Instagram プロフィールを Squarespace ウェブサイトに正常に埋め込みました。 

------------------------

WixサイトにInstagramプロフィールを埋め込む

Instagram プロフィールを Wix ウェブサイトに埋め込むには、以下の手順に従ってください。

ステップ1 – Wixアカウントパネルに移動します
ステップ2 – 「メインページ」の横にある「+」ボタンをクリックします
ステップ3 – 「埋め込みコード」に移動し、「埋め込みHTML」を選択します。 
ステップ4 – ここにコードを貼り付け、「保存」をクリックして変更を適用します

関連ブログ： Wix ウェブサイトに Instagram フィードを追加する方法 (自動更新)

------------------------

Instagram プロフィールを HTML で表示する

に 埋め込む プロフィール ウェブサイト HTML、次の手順に従います。

ステップ1 – HTMLウェブサイトにログインする
ステップ2 – コードを埋め込むページに移動します
ステップ3 – コピーしたコードを貼り付けます Tagshop
ステップ 4 – 変更を保存すれば完了です。 

----------------------

Instagramプロフィールを追加するElementor

ステップ1 – WordPressアカウントにアクセスする
ステップ2 – フィードを統合したいページに移動します
ステップ 3 – 「Elementor で編集」をクリックし、HTML 要素をドラッグ アンド ドロップします。 
ステップ4 – コードを貼り付けて「更新」をクリックします 

あなたのフィードはウェブサイト上で公開されます Tagshop.

-------------------------

WebflowにInstagramプロフィールを埋め込む

に WebflowにInstagramフィードを埋め込む、 次の手順を実行します：

ステップ1 – Webflowアカウントにアクセスする
ステップ2 – 左側のメニューから「要素を追加」に移動します 
ステップ 3 – 「埋め込み」要素を目的の Web ページにドラッグ アンド ドロップします。 
ステップ4 – HTML埋め込みコードエディタが表示されます
ステップ 5 – コードを貼り付ければ完了です。 

まとめ

ウェブサイトにインスタグラムのプロフィールを埋め込むことは、ウェブサイトをインタラクティブにする最も効果的な方法の1つです。ウェブサイトの見た目と雰囲気をさらに豊かにするのに役立ちます。静的なウェブサイトの時代は終わりました。今日のデジタル時代では、誰もが本物で視覚的に魅力的なコンテンツに惹かれます。このブログがあなたにも同じことに気づき、インスタグラムの基本を理解していただければ幸いです。 Instagramプロフィールを埋め込む。 与える Tagshop 詳細な分析を使用して結果を試して確認してください。 Tagshop あなたのウェブサイトに合う様々なテーマもご用意しております。今すぐ埋め込みを始めましょう！

埋め込みを楽しんでください:)

関連ブログ:

4 つのステップで Instagram ハッシュタグ フィードを Web サイトに埋め込む

4ステップでInstagram Reelsをウェブサイトに埋め込む方法

Instagram フィードをウェブサイトに埋め込む方法 - 完全ガイド

5分でInstagramの動画をウェブサイトに埋め込む方法

Instagram ストーリーをあらゆるウェブサイトに埋め込む (コード不要のソリューション)

Instagram フィードを備えたさまざまな Web サイト: すべての業界の例