/whatsapp-button

# ホームページに無料で   
whatsappボタンを設置。

番号を入力して、コードをコピーするだけ。無料、登録不要。

まず番号を入力してください。

</body>の直前に貼り付け

```
<div style="position:fixed;right:20px;bottom:20px;z-index:2147483000;display:flex;flex-direction:column;align-items:flex-end;gap:6px"><a href="https://wa.me/819012345678?text=%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF%E3%80%82%E8%B3%AA%E5%95%8F%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82" target="_blank" rel="noopener" aria-label="お問い合わせ" style="display:flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 20px 0 16px;border-radius:28px;background:#25D366;color:#0B0B0B;font:600 16px/1 system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25)"><svg viewBox="0 0 24 24" aria-hidden="true" style="display:block;flex:none;width:28px;height:28px;fill:currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg><span>お問い合わせ</span></a><a href="https://spookat.com/ja/whatsapp-button/" style="padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.9);color:#555;font:500 11px/1.3 system-ui,sans-serif;text-decoration:none">by spookat.com</a></div>
```

リンクだけでも

`https://wa.me/819012345678?text=%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF%E3%80%82%E8%B3%AA%E5%95%8F%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82`

* 無料
* 登録不要
* スクリプトなし
* Cookieなし

## チャットをサイトの中に置きませんか？

WhatsAppボタンは、訪問者をアプリと1台のスマホへ送り出します。Spookatなら、誰でも書き込めるチャットをホームページに置けて、チームはSlackか当社のインボックスアプリ（スマホ）から返信できます。Cookieなし、クリックされるまで何も読み込みません。14日間無料、カード不要。

[招待をもらう](/ja/#waitlist)

## よくある質問

### プラグインなしでホームページにWhatsAppボタンを設置するには？

上のフォームに入力し、コードをコピーして</body>の直前か、サイトビルダーのフッター用コード欄に貼り付けます。独自のスタイルを持つリンク1つなので、プラグインもスクリプトも更新作業も不要です。

### このWhatsAppボタンは無料ですか？

はい。登録不要、制限なし。コードはあなたのものです。WhatsAppへ直接リンクし、当社から何かを読み込むことは一切ありません。ボタンの下に小さな「by spookat.com」のリンクがあります。役に立ったら残してください。不要ならその行を削除できます。

### WhatsAppボタンで違う番号が開くのはなぜですか？

リンクには、国番号付きで先頭の0を除いた完全な番号が必要です。+81 90 1234 5678 なら 819012345678 になります。このツールはスペース、+、00を自動で取り除き、先頭が0なら警告します。また、その番号にWhatsAppアカウント（個人用またはBusiness）が必要です。

### WhatsAppのリンクにメッセージをあらかじめ入れるには？

メッセージ欄に入力してください。リンクに ?text=… として入り、訪問者がWhatsAppを開くと入力済みの状態で表示されます。そのまま送ることも、書き換えることもできます。

### WhatsAppボタンにCookieバナーは必要ですか？

このボタンは、クリックされるまで何も読み込みません。ただのリンクなので、サイトにCookieを設定しません。クリック後の訪問者はWhatsAppの中にいて、WhatsAppの規約が適用されます。全ページでベンダーのスクリプトを読み込むウィジェットは、また別の話です。

### パソコンでも使えますか？

はい。スマホではWhatsAppアプリが開きます。パソコンではWhatsApp Webかデスクトップアプリが開き、訪問者はそこでログインしている必要があります。

### WhatsAppボタンとWebチャット、どちらがいいですか？

WhatsAppボタンが使えるのは、WhatsAppを持っていて番号を教えてもいい人だけで、質問はすべて1台のスマホに届きます。SpookatのようなWebチャットなら誰でもサイト上で書き込めて、チーム全員で返信できます。両方置いているサイトもたくさんあります。

---
source: https://spookat.com/ja/whatsapp-button/
