Pc&Web

ブロガー要チェックの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でレイアウト変更出来るのかな?今度試してみよう。  

 

さいごに

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

ABOUT ME
ねこのてそう
ねこのてそう
妻、娘、ネコと暮らす、超記憶力の悪い30代のオッサン。 好きな言葉は、死ぬこと以外、かすりキズ。 尊敬する人は絵を描ける人とピアノを弾ける人。嫌いなものはタバコ。 元2ちゃんねる管理人ひろゆきが好き。(趣味と思考が似てる) ニコニコ生放送の、暗黒リスナー歴9年。