Embed.ly
Embed.lyって知ってますか?
結構古くからあるWebサービスなのですが、今から4年前の2010年に立ち上がりました。出始め、TechCrunchでもニュースになっていました。
このEmbed.ly、その言葉の通り「embed=埋める、埋め込む」コンテンツを埋め込むサービスです。Web制作をに携わる人は「embed」と聞くと、Flashの埋め込み時に使う <embed>タグを想像するかもしれません。ほとんど同じことです。
もっとわかりやすく説明すると、Facebook上でシェアした時に投稿欄にURLを入力するタイトルと画像と簡単な紹介文を添えて表示されますが、このEmbed.lyはそれを生成し、ブログやサイトに貼り付ける事ができるサービスです。
通常ブログで他のサイトを紹介するときは、URLを掲載してそれにリンクを付けるというのが最もスタンダードなやり方ですが、Embed.lyを使うと以下のようになります。
Embedly makes your content more engaging and easier to share | Embedly
こちらのサイトにアクセスし、画面の中央の入力欄に埋め込みたいページのURLをコピーして、矢印をクリックすると埋め込み内容が表示されます。
そこで「コードをコピー」をクリックすれば、後は載せたいページにペーストするだけ。
ちなみに、先ほど上記で表示したものソースはこちら
<a class="embedly-card" href="http://embed.ly">Embedly makes your content more engaging and easier to share | Embedly</a> <script>(function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b;d.async=true;d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}})(document);</script>
また、いちいちサイトに行くのは面倒だという人のために、ブックマークが
Bookmarklet: instantly generate a Card for any web page. | Embedly // <![CDATA[ (function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b;d.async=true;d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}})(document); // ]]>
いいね!ボタンの用にシェアしてもらうためのボタンも提供されています。
The Embed Button allows your readers to easily share and embed your posts on their sites | Embedly // <![CDATA[ (function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b;d.async=true;d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}})(document); // ]]>
という具合に、リンク先を簡単に貼れます。
// <![CDATA[ (function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b;d.async=true;d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}})(document); // ]]>











