下書き（社内レビュー用・公開前に削除） 2026-07-01 に現行 develop の実装をコード確認して作成した新規記事の下書きです。公開前にレビューとスクリーンショット追加をお願いします。
ウィジェットは、ベンダーのサイトに設置してリファラーの登録・紹介リンク取得を行うための UI パーツです。サイトにスクリプトを1行設置し、見た目や文言はダッシュボードから設定します。
1. ウィジェットの設置
サイトに以下のスクリプトを設置します。
<script async src="https://tag.jolt.me/widget/v1/widget.js"
data-jolt-vendor-program-id="{{プログラムID}}"
data-jolt-mode="{{表示形式}}"></script>data-jolt-vendor-program-id: 対象プログラムのID
data-jolt-mode: 表示形式（floating/popup/inline）
2. 表示形式
形式 | data-jolt-mode | 説明 | 追加の設置 |
フローティング | floating | 画面隅に常時表示されるボタン。クリックで開く | スクリプトのみ |
ポップアップ | popup | 任意の要素をクリックで開く | トリガー要素に data-jolt-widget-trigger="（プログラムID）" |
インライン | inline | ページ内に直接埋め込み | 埋め込み先要素に data-jolt-widget-inline="（プログラムID）" |
ウィジェットは Shadow DOM で描画されるため、サイト側のCSSの影響を受けません。フローティングは表示位置（右下 / 左下 / 中央）を設定できます。
3. 見た目・文言の設定（クリエイティブ > ウィジェット）
メニュー「クリエイティブ」の「ウィジェット」タブで、表示形式ごとに見た目と文言を設定します。
区分 | 項目 | 説明 |
表示形式 | フローティング / ポップアップ / インライン | 設定対象の表示形式を選択 |
基本 | タイトル / サブタイトル | ウィジェット上部の見出し・説明文 |
基本 | トリガーボタンのテキスト | フローティング / ポップアップで表示するボタンの文言 |
基本 | アクションボタンのテキスト | 登録ボタンの文言 |
基本 | 表示位置 | 右下 / 左下 / 中央 |
色 | プライマリーカラー / 背景色 | ウィジェットの配色 |
アセット | バナー | ウィジェットに表示する画像 |
「保存」で反映されます。画面左に プレビュー が常時表示され、「未認証」「認証済み」両方の見た目をリアルタイムで確認できます。
4. リファラーのウィジェット上の体験
- フォーム（姓・名・メールアドレス ＋ 利用規約・プライバシーポリシーへの同意）を入力して登録
- 登録すると確認メールが届き、紹介リンク が表示される
- 「クリップボードにコピー」または SNS シェアボタンでシェアする