口コミ記入にご協力ください。 2026. 2.10 NEWS <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> :root{ --bg:#fafafa; --card:#fff; --text:#111; --muted:#666; --line:#eaeaea; --primary:#111; --accent:#ff7a00; --r:14px; } html,body{margin:0;padding:0;} body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Noto Sans JP",sans-serif; background:transparent; color:var(--text); padding:16px; } *,*:before,*:after{box-sizing:border-box;} .wrap{max-width:820px;margin:0 auto;} .card{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:16px; box-shadow:0 1px 10px rgba(0,0,0,.04); } h1{font-size:18px;margin:0 0 8px;} .sub{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.6;} label{display:block;font-size:13px;margin:12px 0 6px;} input,select,textarea{ width:100%; border:1px solid #ddd; border-radius:12px; padding:10px; font-size:14px; } textarea{min-height:96px;} .row{display:flex;flex-wrap:wrap;gap:10px;} .row>div{flex:1 1 280px;} .btnRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;} .btnRow>*{flex:1 1 220px;} button,a{ border:none; border-radius:12px; padding:12px; font-weight:700; font-size:15px; text-align:center; text-decoration:none; display:flex; align-items:center; justify-content:center; } .make{background:#111;color:#fff;} .go{background:#ff7a00;color:#fff;} .copy{background:#222;color:#fff;} .chip{ display:inline-block; font-size:12px; color:#fff; background:#ff7a00; padding:4px 10px; border-radius:999px; margin-bottom:10px; } </style> </head> <body> <div class="wrap"> <div class="card"> <div class="chip">1分アンケート</div> <h1>口コミの下書きを自動で作ります</h1> <p class="sub"> 入力内容から口コミの下書きを作成します。<br> ※自動投稿ではありません。コピーしてGoogleに貼り付けてください。 </p> <div class="row"> <div> <label>満足度（任意）</label> <select id="score"> <option value="">選択しない</option> <option>とても満足</option> <option>満足</option> <option>ふつう</option> <option>やや不満</option> </select> </div> <div> <label>ご利用シーン</label> <select id="scene"> <option value="">選択しない</option> <option>テイクアウト</option> <option>自宅用ストック</option> <option>差し入れ・手土産</option> <option>朝食</option> <option>おやつ</option> </select> </div> </div> <label>購入した商品</label> <input id="items" placeholder="例：プレーン、明太チーズ、ドバイチョコ"> <div class="row"> <div> <label>食感の感想</label> <input id="texture" placeholder="例：ふわもち、焼き戻しで外カリ中もち"> </div> <div> <label>味の感想</label> <input id="taste" placeholder="例：具がしっかり、甘すぎない"> </div> </div> <div class="row"> <div> <label>接客・受け取り</label> <input id="service" placeholder="例：丁寧、スムーズ"> </div> <div> <label>おすすめしたい商品</label> <input id="recommend" placeholder="例：明太チーズ、プレーン"> </div> </div> <label>ひとこと（自由記述）</label> <textarea id="freeText" placeholder="例：子どもも喜んで食べていました"></textarea> <div class="btnRow"> <button class="make" onclick="makeDraft()">下書きを作る</button> <a class="go" target="_blank" href="https://search.google.com/local/writereview?placeid=ChIJRS186KBnAGARbsmymrYyuLQ"> Googleで口コミを書く </a> </div> <label style="margin-top:14px;">口コミの下書き</label> <textarea id="draft" placeholder="ここに下書きが表示されます"></textarea> <div class="btnRow"> <button class="copy" onclick="copyText()">コピー</button> </div> </div> </div> <script> function makeDraft(){ const v=id=>document.getElementById(id).value.trim(); const parts=[ "三田で利用しました。", v("scene") && "今回は「"+v("scene")+"」で利用。", v("items") && "購入したのは"+v("items")+"。", v("texture") && "食感は"+v("texture")+"。", v("taste") && "味は"+v("taste")+"。", v("service") && "接客も"+v("service")+"。", v("recommend") && "おすすめは"+v("recommend")+"。", v("freeText") ].filter(Boolean); document.getElementById("draft").value=parts.join(" "); } function copyText(){ const t=document.getElementById("draft"); t.select();document.execCommand("copy"); alert("コピーしました。Googleに貼り付けて投稿してください。"); } </script> </body> </html> ‘> NEWS この記事が気に入ったら フォローしてね！ Follow Me 【2025年11月】イベント・催事出店のお知らせ
