Instagramをブログに貼りつけるためのHTMLタグを取得するブックマークレット、Insta2HTMLがInstagram標準の埋め込みコードに対応しました。

Insta2HTML

15秒の動画投稿を始めたと思ったら、今度はPCサイト上でブログへの埋め込みコードの提供を始めたInstagram

しかし、この埋め込みコード、iPhoneからの取得がメチャクチャめんどくさいんですよね。

実際どんな方法でやるかは、どんぴさん(@donpy)さんのこのエントリー、

を読んでいただければわかるんですが、とにかくコードを取得するまで手間の掛かること掛かること。

ほぼiPhoneからしか更新しないボクにとってはこれは由々しき事態。

では、どうするのか。ブックマークレットで標準のコードを出力できるようにしてしまえばいいんですよ。

ってことで今回はInstagramをブログにはりつけるためのHTMLタグを取得するブックマークレット、Insta2HTMLをInstagram標準の埋め込みコードにも対応させました!

新しくなったInsta2HTMLでできること

新しくなったInsta2HTMLでできることを整理すると、

  • Instagramの画像とタイトルの取得。
  • #行き倒れ

    Instagram#行き倒れby feelingplace

  • Instagramの画像のみの取得。
  • #今朝の行き倒れ

  • Instagram標準の埋め込みコードの取得。 NEW!

の3つ。もちろん今回の目玉は3つ目のInstagram標準の埋め込みコードの取得です。

Instagram標準の埋め込みコードだとwidth:612、height:710(単位:px)でしか取得できないので、幅と高さを調整したい人には非常に面倒でした。

Insta2HTMLではその手間を省き、幅を設定すると高さを自動計算したものを取得できるようにしました。

動作デモ動画

HTMLタグを取得する方法は

  • Instagramの個別画像をブラウザで開き、Insta2HTMLを起動。
  • ブラウザを開いてInsta2HTMLを起動し、取得したいInstagram画像のURLを入力。

の2種類あります。今回はその両方の動作とコードの違いがわかるデモ動画を作ってみました。(出力先はポップアップでのデモ動画です。)

冒頭で紹介したどんぴさんのやり方と比べると非常に簡単にHTMLタグを取得できたのがわかると思います。

ブックマークレットメーカー

ブックマークレットメーカーはこちら。

または当ブログ冒頭のリンク、

からInsta2HTMLメーカーへお進みください。

Insta2HTMLメーカー

Insta2HTMLでInstagram標準の埋め込みコードを取得したい方は、上のスクリーンショットのように画像サイズと出力コードを標準に設定して、ブックマークレットの再作成をお願いいたします。

これでiPhoneからも簡単に埋め込みコードを取得できる!

< style=”float:right;” >フォルテ

>

iPhoneでコードを取得するにはコツがいるし慣れても数分はかかる。

幅に合わせて高さを計算するのも比率を計算しないといけないのでこれもボクには面倒。

正直ほぼiPhoneでブログを更新しているボクにとっては耐えられない手間。省ける手間は省きたいんですよね。

Instagramの標準の埋め込みコードも取得できるようになった新しいInsta2HTML。

もしよろしければお試しくださいませ。

ここでお知らせ!!

当ブログ、Feelingplaceでは以下のサービスを利用して更新情報を発信しています。

RSSフィード

Twitter

Facebook

Google+

Youtube(フォルテやiPhone・iPadアプリ操作デモ動画)

Instagram(#朝1フォルテなど)

まだフォローしていないものがあれば、この機会にぜひフォローをお願いします。

Posted from SLPRO Blog Editor for iOS on iPhone.

この投稿へのコメント

コメントはありません。

メッセージをどうぞ!!

この投稿へのトラックバック

  1. 新しくなったInsta2HTMLをMyEditorとMyScriptsを使って簡単に呼び出してみる - 下書き | sumirexxx said on 2013年7月17日 at 1:04 PM

    […] Instagramをブログに貼りつけるためのHTMLタグを取得するブックマークレット… […]

  2. […] Instagramをブログに貼りつけるためのHTMLタグを取得するブックマークレット、Insta2HTMLがInstagram標準の埋め込みコードに対応しました。 | Feelingplace 15秒の動画投稿を始めたInstagram… […]

  3. […] Instagramをブログに貼りつけるためのHTMLタグを取得するブックマークレット… この方のブックマークレット無くしては僕はブログは書けません。 上記の写真と動画も@feelingplace さんのブックマークレットを利用して埋め込みました。 これからもガンガン使って行こうと思います!ありがとうございます!(≧∀≦) では、こけら(@kokera_beniiro )でした! Instagram 4.0.2(無料) カテゴリ: 写真/ビデオ, ソーシャルネットワーキング 価格: 無料(記事公開時) 販売元: Burbn, Inc. – Burbn, inc. リリース日: 2010/10/06 Posted from するぷろ for iOS するぷろ for iOS(ブログエディタ) 2.000(¥450) カテゴリ: ソーシャルネットワーキング, 仕事効率化 販売元: Gachatech – isshin(サイズ: 1.6 MB) // […]

  4. LOVE!? (weekly) | LOVE!? said on 2013年8月26日 at 11:56 AM

    […] Instagramをブログに貼りつけるためのHTMLタグを取得するブックマークレット… […]

  5. […] Instagramをブログに貼りつけるためのHTMLタグを取得するブックマークレット、Insta2HTMLがInstagram標準の埋め込みコードに対応しました。 | Feelingplace […]

  6. […] Instagramをブログに貼りつけるためのHTMLタグを取得するブックマークレット…Affiliate Maniacs: iPhone でInstagramの写真をブログに埋め込む方法 […]

トラックバック URL