[解決済み] 特定のWhatsappコンタクトへのWebリンク
質問
あるウェブページに、特定のwhatsappコンタクトとのwhatsappチャットを開くリンクを置きたいと思います。言い換えれば 私は、ページの"Contact us my facebook/twitter/google+/etc"リンクの隣に行くために"whatsappで私に連絡する" リンクが欲しいです。のようなものです。
href="whatsapp:[email protected]&message="I'd like to chat with you"
どのように解決するのですか?
********* 最後に更新を追加
いろいろなアプローチを試しましたが、私は 勝者 (テスト3参照)、以下はそれぞれの結果です。
(サイトを訪れた人が連絡先リストにあなたを登録していない場合、それを許可する唯一の選択肢であるため、テスト3もうまくいくと思います)
すべてのテストにおいて、番号は、国番号と場所コードで、最初のゼロがない完全なものでなければなりませんでした。例を挙げます。
- +55(011) 99999-9999 (不可)
- +55119999999 (はい)
テスト1、2では、国番号にプラス記号がある場合のみ動作しました。+5511999999999
テスト 1 では
<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">Send Message</a>
この方法では、必ず 電話番号 を連絡先リストに登録する必要があります。私は連絡先リストにない番号にメッセージを送れるようにしたかったので、これは私のために動作しません。
連絡先リストにその番号がない場合、Whatsapp の登録済み連絡先の一覧が表示されますので、そこから選択することができます。
何かを共有するのに良いオプションです。
テスト2です。
<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">Send Message</a>
この方法はAndroidでのみ動作します と の場合、連絡先リストにその電話番号があります。連絡先がない場合、AndroidはSMSアプリを開き、Whatsappを使用するように連絡先を招待することができます。
テスト3 (勝者) :
<a href="https://api.whatsapp.com/send?phone=15551234567">Send Message</a>
これは私にとって完全に機能する唯一の方法でした。
- Android、iOS、およびデスクトップ上の Web アプリで動作します。
- で会話を開始することができます。 連絡先リストにない番号で会話を始めることができます。
- あらかじめ用意された1つのメッセージでリンクを作成することができます。 &text=[メッセージ-url-encoded] を追加します。 のようにします。
https://api.whatsapp.com/send?phone=15551234567&text=Send20%a20%quote
また、さらに使いやすくするためにブックマークレットを用意したい場合は、こちらを利用するとよいでしょう。
javascript: (function() { var val= prompt("Enter phone number",""); if (val) location="https://api.whatsapp.com/send?phone="+escape('972' + val)+""; })()
国コードを目的の国に変更(または削除)し、chrome/firefox のリンクのアドレスフィールドに貼り付ける必要があります。
注目すべきは
- WhatsApp を最新バージョンにアップデートする必要がありました。
- 電話番号の国番号 は先頭にプラス記号があってはいけません
- 詳細はこちら https://www.whatsapp.com/faq/en/general/26000030
***************** UPDATE (START) *****************
Whatsappは、このような会話に1つのリンクを作成することができるようになりました。
電話番号は国際的な形式である必要があります。
このように
https://wa.me/552196312XXXX
こんな感じではありません。
https://wa.me/+55(021)96312-XXXX
また、リンクにあらかじめ用意されたメッセージを1つだけ追加したい場合は ?テキスト= を末尾に追加し、テキストをURLエンコードしてください。
https://wa.me/552196312XXXX?text=[message-url-encoded]
例
https://wa.me/552196312XXXX?text=Send20%a20%quote
詳しくはこちら
https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat
***************** UPDATE (END) *****************
関連
-
document.forms 使用方法
-
[解決済み] cssのfit-contentで横幅を自動サイズ調整する
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] ローカルで実行するWebページで、ローカルファイルへのリンクを作成するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み】モバイルサイト(アプリケーションではない)からWhatsAppでリンクを共有する(Android版)。