世界を旅して暮らしたい放浪エンジニアブログ

外部コンテンツをブログに埋め込む(embed)方法

外部コンテンツを埋め込む為のWebサービスを紹介します。

[ 目次 ]

はじめに

こんにちは、香港に住んでいるWEBデベロッパーのなかむ(@nakanakamu0828)です。

今回は外部コンテンツをブログに組み込むときに利用したいサービスを紹介します。というかメモとして残しておきます。外部コンテンツのリンクを設置する際に、リンクと文字だけだと寂しいですよね。
リッチコンテンツとして外部のコンテンツを組み込むことでユーザービリティが向上させましょう。

まとめ記事になります。サイトの紹介のみの内容となります。

embed.ly

元々本ブログで利用していたのがembed.ly/です。
jQueryが追加で読み込まれていたり、重いと仰っている方いたので別のもサービスを使ってみようと思い、利用をやめた経緯があります。

embed.ly

microlink.io

現在本ブログで利用しているのがmicrolink.ioになります。
1日 250リクエストまで無料です。
以前本ブログでも紹介しました!

microlinkを利用して外部サイトのプレビュー表示をリッチに表示する

microlink

iframely.com

今後利用を試してみたいのがiframely.comです。
こちらもfreeプランが用意されていて、1000リクエスト/月までなら無料です。

iframelyを利用して外部コンテンツを埋め込もう


GatsbyJSで構築したポートフォリオサイトサンプルではiframelyを導入してみました。
そちらの記事も参考にして頂ければと思います。

iframely

最後に

他にも利用できそうなサービスを見つけた際は、追加していきたいと思います。
また、利用していないiframelyについては今後試します。

前のページ

次のページ

Profile

なかむ🇭🇰Webデベロッパー

なかむ🇭🇰Webデベロッパー

香港在住4年目になるWEBエンジニアのなかむです。 現在は、LaravelやRailsを利用したWEB開発を中心にエンジニアをしています。 顧客は全て日本の企業になります。リモート開発にて各企業様の支援を行なっております

プロフィール詳細はこちら

Latest Posts