*

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

おすすめトピックス

関連記事

Amazonアソシエイトでサイトごとにデータを集計する方法

Amazon アソシエイトでは自分が運営する複数のサイトを登録する事ができます。(ただし、サイト毎に Amazon による審査が必要です。) 審査に受かれば新しいサイトに Amazon アソシエイトのアフィリエイトリンク […]

ボタン
Photoshop不要!ボタン素材を自動生成してくれるButton Makerの使い方

Web 上にはボタンというものが至る所に存在しています。検索ボタン、閉じるボタン、送信ボタン、クリアボタン、これらは Web 上でよく見られるボタンです。 このボタン画像は一見簡単に見えて地味に手間がかかるんですよね。C […]

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

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

Tumblr
Tumblrで独自ドメインを使う方法を解説(Value Domainの場合)

Tumblrとはブログ型 SNS で Facebook や Twitter とは違い、見た目はブログそのものです。WordPress のようにテーマにも対応しデザインを自由に作り込めるなどカスタマイズに富むのが特長。更に […]

Google Analyticsであるページアクセスの除外グラフを作る方法

ウェブサイトを運営するならアクセス解析ツールの Google Analytics を導入するのは基本ですね。Google アカウントがあれば無料ながらに様々な統計を取る事ができます。 さて、Google Analytic […]

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

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

著者について

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

フォローはこちら

       

       
microUSBケーブルでもUSB Type-Cに対応させるには変換アダプタを使おう

USB ケーブルといえば様々な家電や端末に使います。スマートフ

作業用BGMをすぐに探して作業したい人向けサイト「#作業してくる」の使い方と活用法【無料】

創作活動にしろ、書類作成、レポート作成、現代を生きる人々には作

ボンボンショコラ
珠玉のチョコレート専門店!滋賀県長浜市の黒壁近く「ボンボンショコラ」

滋賀県長浜市に本格チョコレート専門店があります。その名前は「L

縦の三点リーダー
縦の三点リーダーをウェブサイト上で表示する方法

三点リーダーという言葉をご存知でしょうか。日本語の世界では度々

漬けトロチャーシュー麺
ボリューム満点の漬けトロとんこつラーメン!滋賀県長浜市の「麺屋風火」

滋賀県長浜市に出来たラーメン屋「麺屋風火」へ行ってきました。元

→もっと見る