ブロガー要チェックのEmbedly!はてなブログカードから乗り換えか!?

ブロガーの方なら他のブログの記事を紹介する時に、はてなブログカード使うことありますよね?

その、はてなブログカードに取って代わるかもしれないEmbedlyなるものを見つけました。

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

こちらのサイトでブックマークレットを登録すれば、こんな感じのブログカードを、簡単にブログに貼り付けられます。 林家次男さん、すごい!素晴らしい!

スポンサーリンク

Embedlyのメリット

はてなブログカードでは、Googleアナリティクスで参照元を確認すると、「hatenablog-parts.com」としか表示されない。 でも、Embedlyの場合は、どこのサイトのブログカード経由か分かるってことだと思う。(間違ってたらゴメンなさい…)  

 

Embedlyブックマークレットの使い方

林家次男さんのサイトでEmbedlyのブックマークレットを登録。

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

登録したら、Embedlyカードを作りたいサイトを表示させる。 ブックマークレットをクリックします。

bookmarklet-embedly_01

上の様な画面が表示されるので、お好みのカードに編集。

左下の矢印マークで、大きい画像のカード、小さい画像のカードを選択。

右上の飛行機マークは、「このカードを埋め込む」「Twitterでシェア」「Facebookでシェア」の共有機能が使えます。 ただし、小さい画像のカードにすると、飛行機のマークは表示されなくなります。

背景を暗くしたい場合は、「暗いバックグランド」にチェック。 シンプルな表示にしたい時は、画像・抜粋文字にマウスを合わせ、✖️ボタンを押して表示させなくすることも可能です。

設定が完了したら、「埋め込みコードをコピー」をクリック。 あとは、HTMLに貼り付けるだけです。  

 

試しに画像の大きさを変更して使ってみた

エガちゃんの伝説の裏を知れる江頭2:50のピーピーピーするぞ!が面白い!

 

エガちゃんの伝説の裏を知れる江頭2:50のピーピーピーするぞ!が面白い!

PCだと小さい画像が良いけど、スマホだと大きい画像が良いな。 CSSでレイアウト変更出来るのかな?今度試してみよう。  

 

さいごに

いくつかの記事で、うまく意図どおりの画像が表示されないものがありました。 なんでだろう? はてなブログカードだとちゃんと表示されるんだけどな…

スポンサーリンク

プロフィール

iMacと猫が好きな完全インドア派。

コメントを残す