Embed
あなたのサイトにも簡単導入
サイトの種類に合わせて、以下のいずれかを貼り付けるだけです。中身はどちらも同じ widget.js です。
① 静的サイト・通常のHTML（WordPress 等）
<!-- この1行を </body> の直前に貼るだけ -->
<script src="https://<配信ドメイン>/widget.js"
data-clone="hayakawa-ceo"
data-mode="lp"
async></script>
② React / Next.js（SPA・ページ単位で表示）
↓の CloneWidget を最初に1度だけ用意すれば、あとは出したいページでこの1行です。
<CloneWidget clone="hayakawa-ceo" mode="lp" />
CloneWidget の実装（最初に1度だけコピペ）
'use client';
import { useEffect } from 'react';
export function CloneWidget({ clone, mode }) {
useEffect(() => {
const s = document.createElement('script');
s.src = 'https://<配信ドメイン>/widget.js';
s.async = true;
s.dataset.clone = clone;
if (mode) s.dataset.mode = mode;
document.body.appendChild(s);
// 画面遷移時に FAB を破棄（残らないように）
return () => { s.remove(); window.UCloneWidget?.destroy(); };
}, [clone, mode]);
return null;
}
※ 全ページに同じ設定で出すだけなら、①のタグをルートの layout に1行置くだけでもOKです（出し分け不要な場合）。