Instagramのフォローボタンをブログに掲載する方法

Instagram バナー

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

 

Instagramバッジ

Instagramのフォローボタンは「バナー」と言います(英語圏では「バッジ」とも呼ばれていました)。

以前はInstagramにPCブラウザからログインして、プロフィールの編集をクリックすると、このバナーの項目があり、バナーを生成することができたのですが、スマートフォン化の流れのせいか、いつの間にか項目自体がなくなっていました。

 

 

 

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

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

といっても特別な方法ではなく、以下で紹介するコードを貼り付ければOKです。

 

 

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

 

Instagram

 

こんな感じのフォローボタンを設置したい場合は、以下のHTMLコードをフォローボタンを設置したい場所に貼り付けて下さい。

その際、自分のInstagramアカウントのURLに置き換えるのを忘れないでください。

 

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

 

 

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

 

Instagram

 

このようなアイコン型フォローボタンを設置したい場合は、以下のHTMLコードを使用してください。

 

こちらも忘れずに自分のInstagramアカウントのURLに置き換えてください。

 

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

 

 

 

まとめ

以上の方法を使えば現在でもブログやウェブサイトにInstagramのバナーを貼ることが可能です。

HTMLを貼り付けるだけで簡単なので、Instagramのバナーをウェブサイトに貼りたかった方はぜひ試してみてくださいね。

 

ちなみに当サイトのInstagramアカウントはこちらです。

Zinsoku.comさん(@zinsoku) • Instagram写真と動画

ぜひフォローしてくださいね!







Instagram