集めた声を、サイトに載せる。
コピーして貼るだけ。色・レイアウト・枚数・自動スライドまで、管理画面から自由にカスタマイズできます。サイトが無くても公開URLで共有できます。
1全体の流れ
やることは3ステップだけです。
投稿フォームのリンクやQRを、LINE・メール・店頭で案内。匿名でも投稿できます。
届いた声は「受信トレイ」に入ります。載せたい良い声だけ「掲載する」で承認。
タグを1行貼る、または公開URLを共有。承認した声が自動で表示されます。
2載せ方は2つ
サイトがあるかどうかで選べます。両方使ってもOKです。
自分のサイトに埋め込む
タグを1行貼るだけ。サイトのデザインに溶け込みます。
- WordPress・STUDIO・ペライチ・Shopify・素のHTMLなどで動作
- サイトのCSSと干渉しない安全な作り（Shadow DOM）
- 承認済みの声だけを自動表示
公開ページを共有する
サイトが無くてもOK。URLを配るだけ。
- Instagram・LINE・名刺・Googleマップに貼れる
- 検索に強い構造化データ入りの独立ページ
- 有料プランなら独自URL（/wall/好きな名前）も設定可
3方法A：サイトに埋め込む
見た目を調整して「この設定を保存」すると、貼り付けコードが発行されます。
HTMLを貼れる場所ならどこでもOKです。
pub_xxxxx の部分は、あなた専用のトークンに自動で入ります（管理画面でコピーしたタグをそのまま使えばOK）。
表示する位置を指定したいとき
表示したい場所に次のタグを置くと、そこに描画されます。置かない場合は、スクリプトを貼った直後に表示されます。
4方法B：公開ページを共有する
サイトを持っていなくても、「埋め込み」タブに表示される公開URLをそのまま使えます。
このURLをInstagramのプロフィール・LINE・名刺・Googleマップのリンク欄などに貼るだけ。サーバー側で描画される独立ページなので、Google検索やSNSシェアでもきれいに表示されます。
5見た目をカスタマイズ
管理画面の「埋め込み」タブで調整して「この設定を保存」すると、サイト埋め込み（A）とホスト型ページ（B）の両方に反映されます。貼り替えは不要です。
| テーマカラー | ★・マーカー・アバターの色。見本8色＋好きな色を指定できます。 |
|---|---|
| 並べ方 | グリッド / マソンリー（高さ自由）/ カルーセル（横スクロール）/ リスト / チップス |
| 表示する枚数 | すべて、または 3・6・9・12・20枚。多すぎる時に絞れます。 |
| 自動スライド | カルーセル選択時に、カードを自動で横送り（on/off）。 |
| ★マークの種類 | ゴールド・ハート・絵文字・数値表示など全10種。 |
| カードの見せ方 | ライト（白カード）/ ミニマル（罫線）/ 引用 / ダーク。 |
| 星サマリー | 上部の「平均★と件数」の表示・非表示。 |
個別に上書きしたいとき（上級者向け）
特定の1か所だけ見た目を変えたい場合は、タグに属性を足すと、その埋め込みだけ保存設定より優先されます。
| 属性 | 値 |
|---|---|
data-layout | grid / masonry / carousel / list / chips |
data-star | gold / mono / emoji / heart / number / big / glow / shine / metal / mini |
data-theme | light / minimal / quote / dark |
data-summary | off で平均★サマリーを隠す |
data-schema | off で構造化データ(JSON-LD)の出力を止める |
6Google検索に★を表示（SEO）
埋め込み・公開ページのどちらも、レビューの構造化データ（JSON-LD）を自動で出力します。これにより、Google検索の結果に★（リッチスニペット）が表示される対象になります。
※ 実際に表示されるかはGoogleの判断で、反映には数日かかることがあります。不要な場合は data-schema="off" を足してください。