Skip to content

Embed & Pub

公開コンテンツを既存サイトに載せるための面です。widget / iframe スニペット、または pub.luno.rest のホスト型一覧・詳細を使います。

できていること(完成形)

項目状態
公開コンテンツフォームセットに公開済みエントリがある
ウィジェット公開済み widget id(luno-…)がある
キー公開 API キー(luno_pub_…)を発行済み
表示HTML にスニペットを貼り、一覧が表示される

いつ使うか

  • コーポレートサイトや LP にニュース一覧を埋め込みたい
  • フルフロントを自前実装せず、見た目ごと任せたい
  • Headless で自前 UI を組む前に、まず配信だけ確認したい

確認チェックリスト

  • [ ] ウィジェットを公開し luno-… id を得た
  • [ ] 公開 API キーを発行した
  • [ ] 埋め込みスニペットをページに置いた
  • [ ] ブラウザで一覧(または詳細)が表示される

今すぐやる

  1. Console でウィジェットを作成・公開し、公開 API キーを発行する
  2. スニペットを貼る
html
<div id="luno-list"
     data-api-key="luno_pub_xxxxxxxx"
     data-api-url="https://api.luno.rest"
     data-widget-id="luno-abcdef12">
</div>
<script src="https://api.luno.rest/public/v1/embed/luno-abcdef12.js?api_key=luno_pub_xxxxxxxx" async></script>
ts
const mount = document.getElementById('luno-list')!
mount.dataset.apiKey = 'luno_pub_xxxxxxxx'
mount.dataset.apiUrl = 'https://api.luno.rest'
mount.dataset.widgetId = 'luno-abcdef12'
const s = document.createElement('script')
s.src =
  'https://api.luno.rest/public/v1/embed/luno-abcdef12.js?api_key=luno_pub_xxxxxxxx'
s.async = true
document.body.appendChild(s)
bash
# 「公開ウィジェットの埋め込みスニペットを出して」
  1. 詳細手順は サイトへの埋め込み、自前 UI は 経路 C · API only

次の一手

目的ページ
埋め込み手順サイトへの埋め込み
経路 C · API only完成形
SEO・サイトマップSEO・サイトマップ