インスタグラムと自社のウェブサイトを簡単に連携させる方法を解説!

「インスタグラムの運用を開始したものの、Webサイトの導線を設置できていない…」
「インスタグラムの情報を自社サイトに掲載したいけど、方法がわからない…」

ビジネスを目的にInstagram(インスタグラム)の活用を初めてみたものの、使い勝手がわからずに困ったことはありませんか?

そこで本記事では、インスタグラムのを活用するにあたりよくある疑問点と、それを解決する具体的な方法をご紹介します。

本記事を読むことで、下記のような効用を得られます。

  • インスタグラムから自社サイトへ導線(プロフィールページのリンク)の設置ができる
  • 自社サイトにインスタの更新内容を掲載する方法がわかる
  • インスタグラムに自社サイトのURLを掲載する方法がわかる

インスタグラムに自社のWebサイトと連携する手順は以下の通りです。

  1. インスタグラムのプロフィールページのURLを調べ、コピーする
  2. 自社サイトの該当する場所にURLを貼り付ける

まずはインスタグラムのプロフィールページのURLを調べる方法からご紹介します。

関連記事SNS運用代行の費用と相場を徹底解説!【相場早見表・事例あり】

目次
  1. 1. インスタグラムのプロフィールページのURLを調べる方法
    1. 1-1. PCでユーザーネームを調べる方法
    2. 1-2. スマホでユーザーネームを調べる
  2. 2. インスタグラムのプロフィールにリンク付きURLを掲載する方法
  3. 3. 自社のウェブサイトにインスタグラムの投稿写真を埋め込む方法
    1. 3-1. インスタグラムの投稿内容をコピーする方法
    2. 3-2. インスタグラムの投稿をウェブサイトに埋め込む方法
  4. 4. インスタグラムとウェブサイトの連携方法 まとめ

インスタグラムのプロフィールページのURLを調べる方法

インスタグラムのプロフィールページを自社サイトに設置すれば、インスタグラムへの導線を増やすことができます。
自社サイトにはインスタグラムのプロフィールページのURLの設置をしておくのが良いでしょう。

インスタグラムののプロフィールURLを調べる方法は簡単です。

インスタグラムののURLにユーザーネームをつけると、下記のようにそれがプロフィールページのURLとなります。
「https://www.instagram.com/ユーザーネーム」

ユーザーネームがわからない場合でも簡単に調べることができますのでご安心ください。
PCとスマホそれぞれでプロフィールページのURLを調べる方法をご紹介します。

PCでユーザーネームを調べる方法

パソコン版インスタグラムからプロフィールページURLを調べる方法をご紹介します。

まず、PCでインスタグラムにログインします。

PCでインスタグラムのユーザーネームを確認する方法1

右上の人型アイコンをクリックします。

PCでインスタグラムのユーザーネームを確認する方法2

プロフィールページに移動した際に表示されるURLが「プロフィールページのURL」となります。
使用する場合はアドレスバーからこのURLをコピーしてください。

PCでインスタグラムのユーザーネームを確認する方法3

スマホでユーザーネームを調べる

続いて、スマートフォン版インスタグラムからプロフィールページURLを調べる方法をご紹介していきます。

ブラウザ(safariやChromeなど)からログインします。

スマホでインスタグラムのユーザーネームを確認する方法1

右下の人型アイコンをクリックしてプロフィールページに移動します。

スマホでインスタグラムのユーザーネームを確認する方法2

プロフィールページに移動した際のURLをクリックすると「プロフィールページのURL」が表示されるので、そちらをコピーしてください。
※ちなみにコピーはアドレスバーをタップして、再度タップ(長押しする)とコピーできます。

スマホでインスタグラムのユーザーネームを確認する方法3

インスタグラムのプロフィールにリンク付きURLを掲載する方法

次は、インスタグラムのプロフィールページに、自社サイトのURLを載せる方法です。
インスタグラムで自社のアカウントに見にきてくれたユーザーにスムーズにサイトに流れてもらうのが狙いです。
FacebookやTwitterと違い、インスタグラムはURLが自動でリンクになりません

リンクが付いていないURLはクリックしてもサイトに遷移しないので、サイトへの導線づくりとしては弱く、送客のタイミングを逃してしまう可能性があります。

プロフィールにリンク付きURLを掲載するには以下の手順で設定が必要です。
※なお、PCでの設定方法をご紹介しますが、アプリ・PC・スマホでも手順は同じです。

①プロフィールページの「プロフィールを編集」をクリックします。

インスタグラムのプロフィールにリンク付きURLを掲載する方法1

「ウェブサイト」の項目にURLを追加します。

インスタグラムのプロフィールにリンク付きURLを掲載する方法2

これでプロフィールページの一番下にリンク付きのURLが掲載されます。

「ウェブサイト」の項目に追加できるURLは1つだけで、2つ目以降は自己紹介欄にテキストをそのまま掲載する形となり、リンクとはなりませんのでご注意ください。

自社のウェブサイトにインスタグラムの投稿写真を埋め込む方法

自社のWebサイトにインスタグラムのの投稿写真を埋め込む方法をご紹介します。
いくつか方法がありますので、自社サイトにあった方法を採用してみてください。

インスタグラムの投稿内容をコピーする方法

PCかスマホのブラウザ版から該当の投稿を選択すると、右下に「…」というマークが表示されるのでこちらをクリックします。。

インスタグラムの投稿内容をコピーする方法1

埋め込みをクリックします。

インスタグラムの投稿内容をコピーする方法2

「埋め込みコードをコピー」をクリックします。

インスタグラムの投稿内容をコピーする方3

これで投稿内容のコピーは完了です。
次は、この内容を自社のウェブサイトに埋め込む必要があります。

インスタグラムの投稿をウェブサイトに埋め込む方法

埋め込みをしたいページを開き、html編集画面を開きます。

WordPressではこのような画面になります。
(ビジュアルモードはなくテキストモードを開いてください)

インスタグラムの投稿をウェブサイトに埋め込む方法1

先ほどコピーした内容を貼り付けます。

インスタグラムの投稿をウェブサイトに埋め込む方法2

とても長いコードがペーストされますが、これで問題ありません。

保存してすると、このような表示になります。

インスタグラムの投稿をウェブサイトに埋め込む方法3

なお、「キャプションを追加」にチェックを入れてから埋め込みコードをコピーすると、Webサイトの方にもインスタグラムを投稿したテキストも一緒に表示させることができます。

インスタグラムの投稿をウェブサイトに埋め込む方法4

このように「いいね!」の下にキャプションが表示されるようになります。

インスタグラムの投稿をウェブサイトに埋め込む方法5

インスタグラムとウェブサイトの連携方法 まとめ

自社サイトにインスタグラムにそれぞれリンクを掲載する方法と、インスタグラムで更新した内容を自社サイトに埋め込む方法をご紹介しました。
インスタグラムから自社サイトに誘導したい場合は、ぜひ参考にしてみてください。

Web幹事では、ホームページ制作・発注、その他ホームページでのお困りごとなどを解決するような情報提供をしています

Web幹事は、あなたに最適なホームページ制作会社を「人力で」マッチングするサービス。

実際にWeb制作を経験したプロのコンサルタントが対応するため、業者選びの手間なく、質の高いマッチングを受けることが可能です!

コンサルタントのご紹介 Web幹事 コンサルタント 岩田真 岩田 Web制作会社を設立し、
3年間で上場企業を含む50社以上制作に携わらせていただきました。

様々なお客様のWeb制作を実際に行ってきましたので、
初心者の方でも安心してご相談ください!

無料で対応致しますので、ホームページ制作・発注、その他ホームページについてお悩みの際はお気軽にご相談下さい!

【無料】ホームページについて悩みを相談する。