📰 お知らせ — embed.js サンプル

埋め込み方

① コンテナ要素を配置

コンテンツを挿入したい場所に <div> を置きます。id は任意の名前で OK です。

<div id="cms-news"></div>

② embed.js を読み込む

コンテナの直後（または </body> 前）に以下の <script> タグを貼り付けます。

<script
  src="https://d1sax4j5hw821p.cloudfront.net/api/v1/sites/394d74824fe2cafd41de/embed.js"
  data-content-type="14a03a56c6de2755be9a"
  data-template="list-modal"
  data-target="cms-news"
  data-limit="5"
  data-modal-template="detail"
></script>

script タグ属性一覧

属性	必須	説明	デフォルト
src	必須	embed.js の URL（上記のまま）	—
data-content-type	必須	コンテンツタイプ ID	—
data-template	必須	テンプレートの shortname（例: list-modal）	—
data-target	任意	挿入先要素の id	cms-content
data-limit	任意	1ページの表示件数	5
data-modal-template	任意	モーダル詳細用テンプレートの shortname	detail
data-sort	任意	desc / asc	desc
data-sort-by	任意	ソートキー（例: createdAt）	createdAt
data-flag0 〜 data-flag9	任意	フラグフィールドでフィルタ（0/1）	—

利用可能なテンプレート shortname

shortname	説明
list-modal	記事一覧（日付・タイトル）。タイトルクリックでモーダル詳細表示 + ページャ付き
detail	単一記事の詳細フラグメント（モーダル内に注入されるHTMLフラグメント）