はてなブログカードをやめて Embedly に移行してもいいんじゃないか。公式ボタンもあるし。ブックマークレットも作った。

※2017年3月15日(水)、Dropbox のパブリックフォルダが廃止されたためブックマークレットが動かなくなりました。URL を差し替えたリンクに直しましたので、再登録お願いいたします。

他のブログを紹介する方法として ShareHtml やはてなブログカードが有名。

それらに取って代わるものを見つけました。

はてなブログカードの問題点

はてなブログのブログカードは拙作ブックマークレットがあったりしますが、既知の問題が。

RSS は抜粋配信をすれば対症療法としては一応なんとかなりますが、リファラはいかんせんどうにも。

というわけで Embedly

Provide a clean, responsive, and shareable card for any content on the web. Use them to make your posts easier to share and repost.

Embedly

ウェブの記事を簡単にレスポンシブなカードでシェアできる、という Web サービス。

Embedly で出力されるコード&表示サンプル

貼り付け用の Embedly カードはウェブ上から生成でき、Embedly カードを作成すると

<a class="embedly-card" href="/">林家次男| 開いた口が半開きになるブログ</a><script async="" charset="UTF-8" src="//cdn.embedly.com/widgets/platform.js"></script>

で、普通のリンク+ js になっており前述の問題は起きない。js が走って出力された後は

<iframe frameborder="0" scrolling="no" allowtransparency="true" allowfullscreen="true" src="http://cdn.embedly.com/widgets/card.html#sid=57f5ec8260ae4f77ad4083e66db38207&amp;url=http%3A%2F%2Fhayashikejinan.com%2F" id="emb_176199259" class="embedly-card" style="border: none; position: relative; visibility: visible; display: block; margin: 10px auto; max-width: 99%; min-width: 200px;" width="600" height="333"></iframe>
林家次男| 開いた口が半開きになるブログ

こう。 出力される iframe には embedly-card というクラスが振られているので、マージンなど気に入らない場合は css で調整可能。 ( iframe[src*="cdn.embedly.com"] でもできますけども。

右上の紙飛行機アイコンからは再共有できるという素晴らしさ。

Embedly のブックマークレット

いちいちアクセスして URL 入れて…というのは面倒なのでブックマークレットを作成。

ブックマークレットの登録はこのリンク→  Embedly をブックマークバーにドラッグ&ドロップで。

Embedly ブックマークレット 動作例
Embedly ブックマークレット 動作例

ちなみに ↑ この画面でタイトルや説明文をクリックすることで自由に編集することができます、凄い。

※2015/06/20 追記: 公式でブックマークレットが用意されていました…

ただまぁ拙作のものは Canonical や OGP から URL を取得するようにしたので、より正確な URL が取れるということです。

Bookmarklet: instantly generate a Card for any web page. | Embedly

Embedly 公式ボタンもある

これがさらにいいポイント。ブログやウェブサイトに Embedly コード生成用のボタンを設置できる。

こんなの→Embed
  Embedly で Embed ボタンを作るページ [caption id="attachment_1252" align="alignnone" width="720"]Create an Embed Button Create an Embed Button[/caption] ちなみに WordPress 用の Embedly ボタン設置コードもある。

ホホゥまとめ

乗り換えちゃいましょう。便利。


投稿日

カテゴリー:

,

投稿者:

コメント

“はてなブログカードをやめて Embedly に移行してもいいんじゃないか。公式ボタンもあるし。ブックマークレットも作った。” への8件のフィードバック

  1. abeshin22 Avatar

    素晴らしい。→ はてなブログカードをやめて Embedly に移行してもいいんじゃないか。公式ボタンもあるし。ブックマークレットも作った。

  2. beatride Avatar

    とても素晴らしい!ブックマークレット作ってくださっています→

  3. actywave Avatar

    気になったよw

  4. unsoluble_sugar Avatar

    “※2015/06/20 追記: 公式でブックマークレットが用意されていました…”

  5. […] はてなブログカードをやめて Embedly に移行してもいいんじゃないか。公式ボタンもあるし。ブックマークレットも作った。 […]

  6. […] このサイトでは今の所Simplicityの「はてなカード」機能に頼っていますが、 http://hayashikejinan.com/webwork/bookmarklet/1249/ ←こちらの方や他にも沢山の方が、 「はてなブログカードの問題」とし […]

コメント、してみません?