QRA Networks QRA Networks

 TOP  |  ≫JavaScript RSS リーダ  |  お問い合わせ  |  会社概要 
services

JavaScriptでRSSを読み込んで出力する

お客様から、「ブログの更新情報を別サイトに表示したい」というご要望をいただいたのがきっかけで作成したものです。

  • 使い方

    使い方は非常に簡単です。<script>タグのsrc=属性の中に、 読み込みたいRSSのURLなど、いくつかのパラメータをつけたURLを指定します。

  • 最も簡単な使用例


    上記のようなscriptタグをご自分のWebページ内に貼り込んでください。 url=に続くURLは、更新情報を表示したいブログのRSSのURLを指定します。

  • 追加パラメータ

    max=
    表示するRSS項目（ブログ記事）の最大数を指定します
    無指定の場合は、RSSで配信されている記事全件を表示します。
    date=
    各記事の投稿日付を表示するかしないかを指定します。date=1を指定すると、日付を表示します。

  • 実際の<script>タグ

    以下のフォームに必要事項を記入して［↓タグ作成↓］ボタンをクリックすると、 タグが表示されますので、 このタグをコピーして、ご自分のWebページに貼り込んでご利用ください。
    RSSのURL
    表示件数
    投稿日付を

  • 出力の書式

    出力結果は、以下のような書式になります。 フォントサイズや色、間隔などをカスタマイズしたい場合は、 以下のHTML書式を参考にしてCSSを作成してください。

    日付表示ありの場合

    <div class="qraRSS">
      <a href="ブログのURL">ブログのタイトル</a>
      <ul class="qraRSS">
        <li>
          <span class="qraRSS_date">記事投稿日</span><br />
          <a href="記事のURL">記事のタイトル</a>
        </li>
        <li>
          <span class="qraRSS_date">記事投稿日</span><br />
          <a href="記事のURL">記事のタイトル</a>
        </li>
          :
          :
      </ul>
    </div>

    日付表示なしの場合

    <div class="qraRSS">
      <a href="ブログのURL">ブログのタイトル</a>
      <ul class="qraRSS">
        <li>
          <a href="記事のURL">記事のタイトル</a>
        </li>
        <li>
          <a href="記事のURL">記事のタイトル</a>
        </li>
          :
          :
      </ul>
    </div>

  • 注意事項

    以下の注意事項をお読みになった上でご利用ください。
    無償使用
    商用／非商用を問わず、無償でご利用いただけます。
    無保証
    サービス内容については一切保証いたしません。 弊社の事情により、当サーバを停止あるいは再起動した場合など、 一時的にサービスがご利用いただけなくなる場合があることをご了承ください。 また、予告なくサービスを中止する場合があることをご了承ください。
    RSS配信元の利用規定の遵守
    RSSの配信元によっては、出所の明記するなど、利用規定を設けている場合があります。 配信元の規約をよく読んでお使いください。