メインコンテンツへ移動

無料サッカーウィジェット

速報スコア、順位表、試合結果を自分のサイトに表示。コーディングは不要で、ウィジェットを選んで設定し、コードを貼り付けるだけです。

ウィジェットの種類

リーグの本日の試合を、速報スコア、試合時間、キックオフ時刻とともに表示します。

リーグ
J1リーグ

試合ウィジェットでは最大10リーグまでまとめて表示できます。

テーマ

「自動」は、サイトのライト/ダークテーマに合わせます。

ライブプレビュー

埋め込みコード

<div class="rotascore-widget" data-type="matches" data-leagues="z318q66hl1qo9jd" data-locale="ja"><noscript><a href="https://www.rotascore.com/ja">J1リーグ · Rotascore</a></noscript></div>
<script async src="https://www.rotascore.com/embed/v1.js"></script>

ウィジェットを表示したい場所に貼り付けてください。サイトの色・幅・文字サイズに自動で合わせます。

インストール方法
  • WordPress: カスタムHTMLブロックを追加し、コードを貼り付けます。
  • Blogger: HTML/JavaScriptガジェットを追加するか、投稿をHTMLビューに切り替えてコードを貼り付けます。
  • Wix: 「埋め込みコード」要素を追加し、コードを貼り付けます。
  • Squarespace: コードブロックを追加し、コードを貼り付けます。
  • Webflow: Embed要素を追加し、コードを貼り付けます。
  • Ghost: HTMLカードを追加し、コードを貼り付けます。
  • Shopify: カスタムLiquidセクションまたはブロックを追加し、コードを貼り付けます。
  • Google Sites: 「埋め込む」を選び、「埋め込みコード」を選択してコードを貼り付けます。
  • 通常のHTML: ウィジェットを表示したい位置にコードを貼り付けます。

WordPressプラグイン

Rotascore Live Scores Widget

プラグインをインストールし、ショートコードまたはGutenbergブロックでウィジェットを追加できます。広告なし、データ収集なし。

追加方法

  1. ウィジェットの種類を選びます。
  2. リーグまたはチーム、言語、テーマ、幅を設定します。
  3. 「コピー」を押して生成されたコードを取得します。
  4. コードをサイトのHTMLに貼り付けます。WordPressでは「カスタムHTML」ブロックを使います。

ウィジェットは無料です。各ウィジェットの下のRotascoreリンクは表示したままにしてください。削除や非表示はできません。