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

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

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

A
対応者:Andy

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

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


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


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

リーグ管理画面で、API > Embed に移動します。

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

Step 1 in creating an Embed code snippet, click the button: create new

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

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

3. 自動更新

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

4. 外観のカスタマイズ

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

Select from preset themes then edit them to match your own site afterwards

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

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

Customise the styling of the content to match your own webpage

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

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

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

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


注:HTML スニペットは、ドメイン上でホストされているウェブページに挿入してください。たとえば、C: ドライブなどのローカルから配信される .html ファイルでは動作しません。


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

以上です。これで LeagueRepublic Embed をウェブサイトに組み込み、リーグデータを手間なく見せられるようになりました。

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