Instagramのフォローボタンをサイトに設置する方法(非公式)

Instagramのフォローボタンをウェブサイトやブログに掲載する方法を紹介します。

公式のフォローボタンは存在しない

X(旧Twitter)には外部サイトに設置できる公式のフォローボタンが存在しますが、Instagramには公式のフォローボタンが存在しません。

かつては以下の様な紺色の公式フォローボタン(名前は「バナー」)が存在しましたが、もう何年も前に無くなっています。

Instagramにはかつて、紺色の公式フォローボタンが存在しました。

正確な時期は分かりませんが、2016年ごろのリニューアルと前後して廃止されたと考えられます。

そのため、現在はInstagramの公式フォローボタンを作成することはできません。

今、各種ウェブサイトで見かけるInstagramのフォローボタンは全て非公式のものです(もしくは昔提供されていた公式フォローボタン)。

虹色のボタンは存在しない

もしかしたら、虹色(暖色のグラデーション)のフォローボタンを掲載しているウェブサイトやブログを見た事がある方もいるかもしれません。

しかし、それらは全て非公式のものです。

先述の通り、Instagramの公式はフォローボタンやバナーを提供していません。

グラデーションのフォローボタンを設置したい方は、自分でフォローボタンをデザインして設置するしかありません。

Instagramのフォローボタンを作る方法

Instagramの公式フォローボタンは存在しないので、自身のウェブサイトやブログにフォローボタンを設置したい方は、ボタンを自作するしかありません。

Instagramの公式素材を使う

Instagramは公式にアイコンの素材を提供しているので、これをダウンロードしフォローボタンとして活用する事が可能です。

公式素材を利用する際は、使用のガイドライン(利用規約)を確認して、独自のフォローボタンを作成・設置しましょう。

ガイドラインは日本語なので分かりやすいです。

虹色のボタンの作り方

「非公式でもいいからグラデーション(虹色)のフォローボタンを作り、サイトやブログに設置したい!」という方は、以下の記事が参考になります。

こちらの記事では、アイコンをフォントファイル形式で入手できるサイト「Font Awesome」で配布されているInstagramのアイコンとHTML・CSSを利用してInstagramのフォローボタンを作成しています。

ちなみに、Font Awesomeで配布されているInstagramのアイコンは以下の2種類です。

まとめ

Instagramには公式のフォローボタンが存在しないので、自身のウェブサイトやブログにフォローボタンを設置したい方は、自作しましょう。

最低限のHTMLやCSSの知識が必要になりますが、そこまでハードルは高くないと思います。

余談:管理画面のバナーページ

余談ですが、Instagramがフォローボタンを提供していた際は、パソコンからInstagramにログインして、「プロフィールの編集」→「バナー(英:Badges)」と進むと、フォローボタンを生成することができました。

※当時のURL:https://instagram.com/accounts/badges/

(画像:はんすけの開運帳

現在はこのページも無くなっており、当時のURLにアクセスしても表示されません。