今モックアップで作ってるサービスで URL から title を引っ張ってくるって機能が必要になったのですが, わざわざサーバー用意するのもなぁと思いググってたら良い感じのサービスがあったので紹介します.

紹介するのは 『駄文と書評』 というブログを運営されている方の作られた

『タイトル取得API for JSONP | 駄文と書評』

になります.

『タイトル取得API for JSONP』 の使い方

• end point ... http://www.usamimi.info/~ryouchi/title/get_title_jsonp.php
• param
  • url ... タイトルを取得したい URL
  • callback ... コールバック関数名

実際に下記のような URL を叩くと

http://www.usamimi.info/~ryouchi/title/get_title_jsonp.php?url=http://phiary.me&callback=hoge

以下のようなレスポンスが返ってきます!

hoge({"url":"http:\/\/phiary.me","title":"Home | phiary"});  

jQuery の $.ajax 経由で使ってみる

Demo

デモです. $.ajax 経由で link から title を取得しています.

Code

メインとなるコード部分です.

var getTitle = function(url, callback) {  
  var END_POINT = 'http://www.usamimi.info/~ryouchi/title/get_title_jsonp.php';
  $.ajax({
    type: 'GET',
    url: END_POINT,
    dataType: 'jsonp',
    data: {
      url: url,
    },
    success: callback,
  });
};

注意点

個人で作られた API のようなので, アクセスが集中すると負荷で落ちてしまうかもしれません.

本格的なサービスで使いたい場合は作者の方にちゃんと確認を取るか, 自分で同じような機能を作るようにしましょう!!