*

instagramのアカウントページをブログパーツとしてサイトに貼る方法「InstaWidget」

公開日: : Webサービス

instagramのブログパーツ

ブログやウェブサイトに Twitter や Facebook のウィジェット(ブログパーツ)が設置されているのはよく見かけますが、instagram はあまり見かけないんですよね。ブログと instagram を連携して活用する為に何か方法はないのかと調べてみました。

しかし instagram 公式機能として写真の1枚1枚をブログなどに埋め込むことは可能ですが、個人アカウントページを埋め込む事は不可能でした。あっても良い機能だと思いましたが、意外にもありませんでした。

instagramのブログパーツを作れる「InstaWidget」

それじゃあ、instagram のアカウントページをブログパーツとして埋め込む方法はもうないのか?いえ、方法はありました。それが「InstaWidget」です。

無料インスタグラムブログパーツ作成 | InstaWidget

InstaWidget は、あなたのブログやウェブサイトにインスタグラムの写真アルバムを追加するブログパーツ(ウィジット)です。ユーザー名またはハッシュタグを指定することで簡単に埋め込み用のコードを生成でき、コピー&ペーストするだけで設置は完了です。ログインやユーザー登録は一切不要で、無料で使えます。早速作ってみましょう!

instawidget.net

InstaWidget は instagram 公式のサービスではなく instagram API を使用して第三者が開発したサービスです。例えれば Twitter と連携して動くウェブアプリのようなものです。InstaWidget は無料で instagram のアカウントページのブログパーツを生成できます。

InstaWidget を利用して実際にブログパーツ化して表示したら以下のようになりました。

だいぶん小奇麗に表示してくれます。写真も何枚か表示されますし、各写真にはマウスのロールオーバーでシェアボタンも表示されます。更にフォローボタンまで表示されて何も不満はないものでした。しかし利用するにあたって留意しなくてはいけない事は、プロフィール写真や各写真をクリックした時に飛ぶページは instagram 公式ではなく InstaWidget のページであるという事です。フォローボタンや各写真のページの写真をクリック(タップ)する事で初めて instagram 公式のページへ飛びます。写真を見る分には特に問題はないのではと思います。

InstaWidgetの使い方

まずは InstaWidget の作成ページへアクセスしましょう。

基本的にはあなたの instagram ユーザー名を入力するだけで OK ですが、あなたのブログやサイトデザインに合わせて幅や色を変更してカスタマイズする事が可能です。他にもアイコンを表示するか、紹介文を表示するか、フォロワーを表示するかなど細かなカスタマイズ要素もあります。

必要な部分を入力したら画面下部のプレビューをクリックしてみましょう。どのように表示されるのかプレビューされます。

最後に「埋め込みコードを取得」ボタンを押して埋め込みコードを取得しましょう。表示されるコードをコピーしてあなたのブログのお好みの場所に貼り付ける事で、instagram のブログパーツが表示されます。

おわりに

ユーザー登録なしで、無料で利用する事ができるのでとても簡単です。あなたのブログと instagram を連携したいのであれば、この InstaWidget をお試しください。

  • Pocket

おすすめトピックス

関連記事

Google Drive
Googleドライブをインストールしたらスマホとのファイル共有も捗るよ

Google Drive って Windows にもインストールする事ができるって知ってました? Google Drive は 15GB まで無料のクラウドストレージサービスです。Google が提供しているクラウドサー […]

月間30万PV以上に対応する生ログが見られる無料・有料アクセス解析

ウェブサイトを運営している人なら多くの方が導入しているであろうアクセス解析ですが、ページビューが増えてくると動作しないようなページビューで制限をかけているアクセス解析もあります。例えば1ヶ月のページビューが30万を越える […]

画像を使わずCSS3でグラデーションを超簡単に作れるウェブアプリ「Grad2」

一昔前までは Web 制作において背景や見出しなどにグラデーションを使おうと思ったら画像を使うしかありませんでした。グラデーション用だけの画像を作って背景に設定するというやり方です。しかし、それも CSS3 の登場で不要 […]

Googleマップに勝手に自宅や職場住所が勝手に登録されているのは何故?削除する方法は?

Google マップを普段からよく使う人は多いと思いますが、いつも使っているうちに自宅の住所や職場の住所が勝手に登録されている事にお気づきの方もいらっしゃると思います。登録した覚えもないのに!と恐怖すら感じているかもしれ […]

手間不要!楽天スマホページ自動で楽に作れる「Snapp」が凄い

ネットショップにおいてもスマートフォンからの利用者が PC 利用者を上回りつつある事は周知の事実となっています。PC のページは作りこんでいても、スマートフォンページまでは手が回らない!という方もいらっしゃると思います。 […]

instagramで写真を見てもらえないとお悩みならハッシュタグを付けてみよう

instagram は SNS の一つで写真を共有するアプリです。写真が上手い人はとても美しい写真を日々アップして、いいねがたくさん付いたり日々交流が盛んです。 じゃあ、私も instagram に登録して写真をアップし […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
ふわふわかき氷が年中楽しめる彦根市のかき氷専門店「氷茶屋百笑」

かき氷といえば夏のスイーツという枠を越え始めている2018年今

札幌駅から一番近くのスープカレー、奥芝商店実家でランチ

北海道に来たからにはスープカレーを食べなきゃ!と心踊らせて観光

永山カレー
札幌の旧永山武四郎邸にあるカフェ、和洋折衷喫茶ナガヤマレストでランチ

札幌のサッポロファクトリーの隣にある永山記念公園には、北海道指

魚介のアヒージョ
江別市野幌の「カフェ&デリ マチノキ」で北海道食材豊かなディナー

江別市の野幌町、野幌駅の近くに江別市のフレンチレストラン「シェ

羽田空港第2ターミナルビル(ANA側)のスターバックスの場所はどこ?

羽田空港にはスターバックスが3店舗あります。第1ターミナルビル(JAL

→もっと見る