インスタグラムの公式フォローボタンをブログに設置する方法

2016.6.16追記

インスタグラムアップデートにより、公式からフォローボタンを追加する為の「バナー」項目が削除されてしまいました。

代わりに直接フォローボタンを設置する方法を解説していきます。

下にある「直接フォローボタンを設置する方法」まで飛ばして下さい。

こんにちは、hirokiです。

今やfacebookやtwitter同様に注目されているinstagram。やはり、インスタグラムもアカウントをもっているのであればなるべくフォロワーを増やしていきたいところですよね。

フォロワーを少しでも増やす為に、ブログなどにインスタグラムのフォローボタンを設置したいと考えている方も多いと思います。

こんな感じのやつです。

Instagram

今回はこういったインスタグラム公式のフォローボタンをブログに設置する方法について解説していきます。

フォローボタンの設置操作はパソコンからとなります。

インスタグラムのプロフィールからフォローボタンを設置する方法

1.自分のアカウントからプロフィールを編集をクリック

インスタグラムアップデートによりこの方法でフォローボタンの設置ができなくなっています。

下にある「直接フォローボタンを設置する方法」まで飛ばして下さい。

まずは自分のインスタグラムのアカウントにパソコンからログインしましょう。

Instagram

そして「プロフィールを編集」をクリックします。

プロフィールを編集をクリック

 

2.メニュー内にあるバナーをクリック

メニュー内にあるバナーをクリック

 

3.ブログ等に貼り付けたいバナーの形を選択する

バナーの形を選択する

4.コードが生成されるのでコードを貼りつけたい場所にコピーして貼りつける

生成されたコードをコピーして貼り付け

貼り付け先はhtmlが入力可能な場所に限ります。以上でインスタグラムのフォローボタンが設置できます。

フォローボタンはこんな感じで表示されます。

 

Instagram

これでブログからインスタグラムへの誘導が可能となります。

ちなみに……

上記で紹介したフォローボタンは公式のものなので問題なく機能していますが、非公式のフォローボタンを設置しているブログをよく見かけます。

で、別に機能すればまったく問題ないのですが、中にはフォローボタンとして機能していないのにブログに貼り付けたままという人が多く見られますので、ブログにフォローボタンを設置したらしっかりリンクが機能しているかチェックしましよう。

ちなみに一番よく見かけるのはこれですかね。

Instagram Follow Button

これユーザー名やフォロワー数が表示されて良さそうなのですが、フォローボタンを押してもインスタグラムのリンク先に飛びません。笑

最初は僕もこれを使おうと思ったのですが、とりあえずはおとなしく公式のものにしておきました。

直接フォローボタンをブログに設置する方法

インスタグラムのアップデートにより、公式から「バナー」項目が削除されてしまったので、直接フォローボタンをブログに設置する方法について解説していきます。

View on Instagramバナーを設置する方法

Instagram

こんな感じのフォローボタンを設置したい場合は、以下のhtmlソースをコピーして、フォローボタンを設置したい場所へ貼り付けて下さい。(html入力が可能な場所のみ)

htmlソースを貼り付けたら赤字の部分に自分のインスタグラムアカウントのURLを入力すればOKです。

<a class=”ig-b- ig-b-v-24″ href=”自分のインスタグラムアカウントのURL?ref=badge”><img src=”//badges.instagram.com/static/images/ig-badge-view-24.png” alt=”Instagram” /></a>

インスタグラムのアイコンバナーを設置する方法

Instagram

こんな感じのアイコン型フォローボタンを設置したい場合は、以下のhtmlソースをコピーして、フォローボタンを設置したい場所へ貼り付けて下さい。(html入力が可能な場所のみ)

htmlソースを貼り付けたら赤字の部分に自分のインスタグラムアカウントのURLを入力すればOKです。

<a class=”ig-b- ig-b-48″ href=”自分のインスタグラムアカウントのURL?ref=badge”><img src=”//badges.instagram.com/static/images/ig-badge-48.png” alt=”Instagram” /></a>

まとめ

なぜプロフィールページからフォローボタンを設置できなくしたのかなぞです…

ただ、ここで紹介した方法でも簡単にインスタグラムのフォローボタンを設置することができるので、是非ブログに設置してみてください。


限定コンテンツ

『ブログで月1万円を稼ぐ8つの具体的な方法』

無料プレゼント!

ブログを使ってまずはノーリスクで月1万円稼いでみませんか?ブログを使った8つのビジネスモデルについて詳しく解説します。



ブログ運営相談承ってます!

セミナー写真

  • ブログで集客をしたい
  • ブログで副収入を得たい
  • 記事の書き方や運営ノウハウが知りたい
  • アクセス数をもっと増やしたい
  • 何もわからないけどブログを始めてみたい

等、ブログ運営に関するご相談を承っています。是非お気軽にご相談下さい。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

hiroki

Hi-value creation代表。月間20万PVのメディアを運営中。ブログを使ってビジネスをしたい方に向けてブログ運営のサポートもしている。主な著書に「ブログに書くことがない!と思った時に読む本」などがある。サッカーと音楽とトイプードルが好き。

⇒詳しいプロフィール