FC2ブログ
TOP > Webサービス > title - +Embedlyでどんなサイトでもサクッとブログに埋め込みできるよ

ITやモバイル機器、iPhone、手帳や本など。
MENU

+Embedlyでどんなサイトでもサクッとブログに埋め込みできるよ

2019011400.png


情報管理LOGの@yoshinonです。
先日、ご紹介した+Embedlyですが、意外に「初めて知った」というお声をいくつかいただきましたので、(順序は逆になるかもですが)ご紹介していきたいと思います。
やり方は、超簡単でしかも見栄え良くブログに埋め込むことができるので、とてもオススメです。


  
【 +Embedlyでどんなサイトでもサクッとブログに埋め込みできるよ 】  

 1.+Embedlyとは何か?

 2.タグを取得できるサービス

 3.ブックマークレットを使うと超ラク/a>







checkmark.png 1.+Embedlyとは何か?

まず、+Embedlyとは、iframeによる埋め込みタグを生成することができるサービスです。こちらが、+Embedlyです。

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

ちなみに、上のブログカードも+Embedlyで生成したものです。
で、下の方が、従来使っていたサムネイル付きブログカードです。かなり、見栄えという点で違いがありますね。

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





しかも、このように大きなイメージを使ったり、ヘッドラインの文章を載せることもできます。

私が出張や旅行で必ず持っていくデジタルガジェット(2019年版)


さらに、簡単にイメージの大きさを変えたり、ヘッドラインの文章を載せなくすることも簡単にできてしまいます。上のリンクと見比べてみてみると、一目瞭然ですね。

私が出張や旅行で必ず持っていくデジタルガジェット(2019年版)


これをブックマークレットで一発で生成できるのですから良い時代です(後述します)。



checkmark.png 2.タグを取得できるサービス

+Embedlyでタグを取得できるサービスは、たくさんあります。
公式で対応しているのは、以下のサービスです。

YouTube, Instagram, Vimeo, Facebook Image, Facebook Video, Vine, Twitch ,New York Times,

YouTubeだとこうなります。

Indie/Rock/Alternative Compilation - January 2019 (1½-Hour Playlist)


インスタだとこう。

Photograph by @paulnicklen taken while on assignment for @natgeo. This is a photo from the past and I'm here to shoot something of much greater importance. However, our mission is being compromised by terrible weather. #Follow me on @paulnicklen to see if we succeed this week or not. With this heavy rain we will definitely not be seeing the aurora borealis tonight. #challenge #nature #instaweather #smile #explore

593.3k Likes, 5,668 Comments - National Geographic (@natgeo) on Instagram: "Photograph by @paulnicklen taken while on assignment for @natgeo. This is a photo from the past and..."





あとは、通常のサイトであれば、ほぼ取得できる感じですね。
もしかしたら、公式で明言していないけど、対応しているサービスは他にも色々あるかもしれません。




checkmark.png 3.ブックマークレットを使うと超ラク

+Embedlyを使うために、いちいち+Embedlyのサイトにアクセスして、URLを貼り付けて~なんて面倒なことはやってられません。
そこで、+Embedlyで用意されているブックマークレットを使いましょう。

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

こちらで、紹介されているブックマークレットのリンクをブックマークバーなどにドラッグ&ドロップすればOKです。

2019011401.png



 eyeglass2.png 情報管理LOGの眼
 GetTabInfoとの組み合わせで死角無し!

今回は、紹介しませんでしたが、私はChromeの拡張機能であるGetTabInfoというのも使っています。これもサイト紹介などで使えるタグを生成することができるものなのですが、複数タブに対応しているので、一気に紹介したいとか、リンク集の作成などに使えます。さらに、生成できるタグのカスタマイズにも対応しているので、かなり柔軟にタグを生成できるのです。
なので、
お気軽かつ美麗なやつを生成したい→+Embedly
一気にまたは凝ったやつを生成したい→GetTabInfo
みたいな使い分けをしています。



関連記事

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:http://hokoxjouhou.blog105.fc2.com/tb.php/1332-ea1f627b
該当の記事は見つかりませんでした。
SEO
loading
情報管理LOG