ブログやウェブサイトに実質的に何かを埋め込む方法

クレジット:

Web の性質上、コンテンツの共有と再公開は一般的であり、推奨されることさえあります。問題は、私たちがウェブ上に散在するさまざまなサービスにデータの断片を保存することが増えていることです。そのコンテンツを 1 つの集中型個人ハブに集約するには、ユーザーが手動でテキストやリンクをコピーしたり、ファイルや写真をアップロードしたりする必要があり、コンテンツを自動的に表示させようとして RSS フィードをいじったりする必要があり、時間がかかる場合があります。

Twitter は、パブリッシャーが次のことを可能にする非常に優れたツールをリリースしました。ブログ投稿にツイートを埋め込むですが、このプロセスはほとんどのユーザーにとって非常に複雑です。必要なプラグインプロセスを合理化します。 Twitter ステータスへのリンクをブログ投稿や Web ページに貼り付けることができないのはなぜですか?実は、それができるのです。

oEmbed の簡単な紹介

と呼ばれる技術o埋め込みは何年も前から存在しており、埋め込み可能なコンテンツの問題を解決するために構築されました。 oEmbed は、Web パブリッシャーが写真、ビデオ、リッチ コンテンツなどのコンテンツを簡単に埋め込み、URL を入力することで他のコンテンツを自動的に表示できるようにするオープン フォーマットです。 YouTube、Hulu、Flickr、Vimeo などのプロバイダーはすべて oEmbed をサポートしています。つまり、これらのサービスのいずれかの URL を oEmbed サポートのあるシステムに貼り付けると、ユーザーはリッチ メディアをすばやく埋め込むことができるようになります。

ワードプレス世界で最も人気のある CMS は、基本的な oEmbed サポートWordPress 2.9以降。他のほとんどの一般的なプラットフォーム用のプラグインも存在します。問題は、oEmbed をサポートするプロバイダーの最新リストを維持し、ライブラリを最新の状態に保つことが合理化されたプロセスではないことです。

Embedly: Web 埋め込みを楽しむための秘密のソース

3月に私たちはこのスタートアップについて書きました埋め込むは、URL を埋め込み可能なコンテンツに変換するプラットフォームを開発しました。 Embedly はすでに次のような企業で使用されています。ストーリー化、bit.ly、TweetDeck。

Embedly は、oEmbed 仕様を使用して、埋め込み機能を増え続けるサービスのリスト-- この記事の執筆時点では 218 -- Embedly API とのみ接続することによって。

私たちが最初に Embedly について書いたとき、私たちの投稿は、サードパーティが Embedly を使用して、独自のアプリでリッチメディア プレビューを提供したり、独自の埋め込みターゲットを作成したりする方法に焦点を当てていました。埋め込みプロまた、ユーザーがモバイル ユーザーにリッチな埋め込み機能を提供できるようになります。

それでも、基本無料の Embedly サービスは非常に強力です。実際、WordPress、Drupal、Joomla などのコンテンツ管理システム (CMS) と組み合わせると、リッチ コンテンツの埋め込みが簡単になります。

埋め込みの使用方法

Embedly には、jQuery、Python、Ruby、PHP など、さまざまなクライアントおよびサーバー側 Web 言語のホストで使用できるライブラリがあります。独自のツールを作成することに手間をかけたくないユーザーのために、Embedly は独自のツールを構築しましたJavaScriptタグそしてWordPress プラグイン。コミュニティが開発したプラグインドルパルそしてジョームラも存在します。

WordPress プラグインは Embedly 自体によって開発されたため (Mashable では WordPress を使用しています)、ここでは、Embedly を使用してリッチ コンテンツを Web サイトに導入することがいかに簡単であるかについて簡単に概要を説明します。

Embedly プラグインをインストールする

最初のステップは、Embedly プラグインをダウンロードしてインストールすることです。プラグインを有効にすると、WordPress ダッシュボードの「Embedly」メニューから有効にするサービスを選択できます。

Embedly はサービス リストを頻繁に更新するため、「サービスの更新」コマンドを実行してより多くのライブラリにアクセスできます。

投稿に URL を貼り付けます

クレジット:

次のステップは、投稿または Web ページに URL を 1 行に入力するだけです。各サービスには URL の入力方法に関するパラメータが若干異なりますが、一般に必要なのはベース URL だけです。

たとえば、Twitter のステータス更新を埋め込むには、その更新への URL を入力するだけです。の埋め込みAPIページには、Embedly でサポートされている各サービスのパラメータが含まれています。

リッチメディアの埋め込みを楽しむ

クレジット:

それでおしまい。サイト全体で 200 以上の Web サービスのメディアを楽しんだり、共有したりできるようになりました。

Tumblr のサポートは、私のお気に入りの機能の 1 つです。投稿の URL を入力するだけで、その投稿のコンテンツが埋め込まれます。写真の場合はその写真が表示されます。ビデオの場合は、プレーヤーにビデオが表示されます。

Twitter 側では、Embedly の Blackbird Pie 実装は、これまでに見た他のどの方法よりもはるかに簡単です。同社はさらに、基本的なサポートのためにツイッターの写真

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe Now & Never Miss The Latest Tech Updates!

Enter your e-mail address and click the Subscribe button to receive great content and coupon codes for amazing discounts.

Don't Miss Out. Complete the subscription Now.