メインコンテンツにスキップ

Embed を使って自分のスポーツウェブサイトにリーグのマッチセンター全体を表示する方法

HTML コードスニペットを 1 つ作成するだけで、LeagueRepublic 以外の自分のウェブサイトにリーグのマッチセンター全体を埋め込めます。

A
対応者:Andy

Embed はゴールド プランに含まれています。

Embed を使えば、ウェブページに貼り付ける HTML コードスニペット 1 つだけで、リーグのすべてのデータを簡単にウェブサイトに表示できます。リーグの順位表、試合結果、選手の統計のページを手軽に紹介できます。


注: ゴールド プランをご利用でない場合、Embed のコードスニペットを 24 時間お試しいただけますが、その後は動作しなくなります。


1. Embed の HTML スニペットを作成する

リーグ管理画面で、次の場所に移動します: API > Embed

Embed を使えば、順位表、試合結果、選手の統計など、さまざまなリーグデータを表示する HTML コードスニペットをすばやく生成できます。これらのセクションはそれぞれ独立したページとして表示されるため、コーディングの経験は必要ありません。

Embed のコードスニペット作成のステップ 1:「新規作成」ボタンをクリック

2. リーグのデータを表示する

生成された Embed の HTML スニペットを使って、リーグの順位表、結果、選手の統計をウェブサイトに表示します。コードをコピーして、LeagueRepublic 以外の表示したいウェブページに貼り付けるだけです。

3. 自動更新

Embed の大きな利点の 1 つは、LeagueRepublic でリーグのデータを変更するたびに、表示される内容が自動的に更新されることです。そのため、ウェブサイトの訪問者は常に最新の情報を見ることができます。

4. 見た目をカスタマイズする

Embed では、コーディングなしで表示データの見た目をカスタマイズできます。ウェブサイトのブランドやデザインに簡単に合わせられるので、違和感なく組み込めます。

プリセットのテーマから選び、あとで自分のサイトに合わせて編集します

5. Embed のコードスニペットを更新する

表示するデータを変更したり、さらにカスタマイズしたりする必要がある場合は、管理システムから直接行えます。つまり、ウェブサイト上でのデータの見え方を完全にコントロールできます。

コンテンツのスタイルを自分のウェブページに合わせてカスタマイズします

6. Embed のコードスニペットをウェブページに追加する

生成された HTML と JavaScript のコードスニペットをウェブページに追加するには、次の簡単な手順に従います:

a. コードをコピーする: コードスニペットをカスタマイズしたら(デフォルト設定のまま使う場合はそのまま)、API > Embed > 編集 ページに表示されているコードをコピーします。

b. ウェブページに貼り付ける: リーグのデータを表示したいウェブページを開きます。ページエディターまたは HTML ソースコードを開き、データを表示したい場所にコピーした Embed のコードスニペットを貼り付けます。


注: HTML スニペットは、ドメイン上でホストされているウェブページに挿入する必要があります。たとえば、C: ドライブからローカルで開いた .html ファイルでは動作しません。


c. 保存して公開する: 変更を保存し、ウェブページを公開します。これで、ウェブサイトの訪問者がリーグのデータを見られるようになります。

以上です!LeagueRepublic Embed をウェブサイトに組み込み、リーグのデータを手軽に紹介できるようになりました。

こちらの回答で解決しましたか?