自分のWebサイトにWhatsAppボタンを付けるには？

リンクがボタンのすべて

WhatsApp自身がこれを「クリックしてチャット」として説明しています。https://wa.me/ に電話番号を付けた形のリンクは、訪問者が連絡先に保存しなくても、その番号とのチャットを開きます。WhatsAppのヘルプセンターは国際形式の完全な番号を求め、ゼロ・かっこ・ハイフンは省くよう書いています。スマートフォンではアプリが開き、パソコンではWhatsApp Webかデスクトップアプリに引き継がれます。緑の丸、アイコン、画面の隅への固定といったそれ以外の要素は、すべてこの1本のリンクの見た目にすぎません。

メッセージをあらかじめ入れるには、?text= に続けてURLエンコードした文面を付けます。スペースは %20、改行は %0A になり、アンパサンドは必ず %26 にします。むき出しの & は新しいURLパラメーターの始まりとみなされ、メッセージはそこで切れてしまいます。JavaScriptなら encodeURIComponent がエンコードしてくれます。チャットウィジェットのプラグインは吹き出しや営業時間、担当者の振り分けを加えますが、その代わりにページを読み込むたびにサードパーティのスクリプトが動きます。ただのリンクなら、余計な読み込みなしで肝心の役目を果たせます。

私たちがホストしているサイトで見つかったこと

AgentCeres（agentceres.com の AI Growth Officer）は、お客さまがエージェントと一緒に作ったページをホストしており、そうしたページの多くが連絡手段としてWhatsAppを使っています。2026年9月27日に公開中のサイトをすべて確認したところ、53アカウントの199サイト中65サイトがWhatsAppにリンクしており、その65サイト中62サイトがメッセージをあらかじめ入れていました。

65サイト中12サイトは、訪問者を事業者以外のところへ送っていました。9サイトにはまだ仮の値が残っていました。角かっこで囲んだ「ここにあなたの番号」、ゼロの羅列、あるいは9だけで作ったサンパウロの携帯番号のような、きれいな例の番号です。3サイトは番号がまったくなく、事業者とのチャットではなく、WhatsAppの宛先を選ぶ画面が開きます。どのページも壊れているようには見えません。ボタンは表示され、色も合っていて、メッセージも入っています。不具合が現れるのは、お客さまがタップしたその瞬間だけです。本物らしく見える例の番号はいちばん危険です。その番号が誰かのものなら、あなたのお客さまのメッセージがその人に届いてしまうからです。

AIにページを書かせて、自分の番号を一度も伝えていないなら、番号はでっち上げられたものだと考えてください。ページのソースを表示し、wa.me を検索して、数字を読んでください。

親指が届き、ほかに何もない場所に置く

WhatsAppボタンの多くは画面の右下に浮かんでいますが、そこはチャットウィジェット、Cookieバナー、トップへ戻る矢印、サイトビルダーのバッジが置かれる場所でもあります。9月に私たちがホストするページの固定要素を調べたところ、公開中の101ページ中19ページで、その角に何かが浮かんでいました。スマートフォンでは、同じ角に固定要素が2つあれば片方がもう片方を隠します。私たち自身のバッジを小さな画面で置く位置を変えたのはそのためです（「Made with」バッジを外すには を参照）。1つの角には1つだけを置き、スマートフォンのホームバーの上に余白を残し、アイコンだけのボタンには「WhatsAppでお問い合わせ」のようなテキストラベルを付けて、スクリーンリーダーが役割を読み上げられるようにしましょう。

ボタンが教えてくれないこと

wa.me リンクをタップすると、訪問者はサイトから離れます。アクセス解析はクリックを数えられますが、実際にメッセージが送られたかどうかはページには分かりません。会話はサイトの記録ではなくスマートフォンの中に残ります。送信内容を保存するフォームとは正反対です。お客さまのページの中には、あらかじめ入れる文面そのものでこれを一部取り戻しているものがあります。「こんにちは！サイトを見て連絡しました」や「TikTokから来ました」は、WhatsAppでの問い合わせが持ちうる唯一の流入元の情報です。

もう1つの連絡手段も残しておきましょう。私たちがホストするWhatsAppサイト65件のうち45件はフォームも備えていて、WhatsAppを使わない人や、WhatsAppのないパソコンから見ている人を取りこぼしません。訪問はあるのに誰も連絡してこないなら、原因はたいていページの別の場所にあります（Webサイトから問い合わせが来ないのはなぜか を参照）。