web-dev-qa-db-ja.com

特定の番号にメッセージを送信するモバイルWebサイトの「WhatsApp」ボタン

モバイルWebサイトをカスタマイズして、WhatsAppに事前入力されたメッセージを手動で選択した連絡先と共有できるようにすることができます。 here のように、カスタムURLスキームを使用して行われます。例：

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

特定の番号を呼び出すには、次を使用します。

<a href="tel:0123456789">Call</a>

同様に、ユーザーが電話番号を手動で選択せずにWhatsAppメッセージを特定の番号に送信する（または少なくともチャットを開く）ことはできますか？

htmlmobile-websitewhatsapp
25
LyRo

これは簡単にできるようになりました！次の形式を使用するだけです。

<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>

更新-今からこれを使用してください（2018年11月）

<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>

使用： https://wa.me/15551234567

使用しないでください： https://wa.me/+001-（555）1234567

チャットのテキストフィールドに自動的に表示されるメッセージが事前に入力された独自のリンクを作成するには、 https://wa.me/whatsappphonenumber/?text=urlencodedtext whatsappphonenumberがいっぱいです国際形式の電話番号とURLエンコードされたテキストは、URLエンコードされた事前入力メッセージです。

例： https://wa.me/15551234567?text=I 'm％20interested％20in％20your％20car％20for％20sale

事前に入力されたメッセージだけでリンクを作成するには、 https://wa.me/?text=urlencodedtext を使用します

例： https://wa.me/?text=I 'm％20inquiring％20about％20the％20apartment％20listing

リンクをクリックすると、メッセージを送信できる連絡先のリストが表示されます。

詳細については、 https://www.whatsapp.com/faq/en/general/260000 を参照してください

33
ad08

Androidでは、試すことができます

href="intent://send/[countrycode_without_plus][number]#Intent;scheme=smsto;package=com.whatsapp;action=Android.intent.action.SENDTO;end

置換[countrycode_without_plus][number]番号付き、

9
Oscar Caicedo

WhatsAppは現在、はるかにシンプルなAPI https://wa.me/を提供しています。これは新しい機能を導入するものではなく、物事を実行するためのシンプルな方法です。このAPIは、ネイティブアプリやデスクトップ上のwhatsapp（web.whatsapp.com）のWebインターフェイスでも動作するため、このAPIを実装する際にユーザーエージェントを確認する必要はありません。

これは複数のユースケースで使用できます

  • Aクリックしてチャットボタン：https://wa.me/whatsappphonenumberを使用して、指定されたwhatsappユーザーとチャットダイアログを開きます。 whatsappphonenumberは、先頭にゼロ、「+」、「-」、スペースを含まない国際形式の有効なwhatsapp番号である必要があることに注意してください。例えば15551234567

    <a href="https://wa.me/15551234567">Whatsapp Me</a>

  • Awhatsappボタンでこれを共有します：https://wa.me/?text=urlencodedtextを使用して、プリセットテキストでwhatsapp連絡先選択ダイアログを開きます。例えば.

    <a href="https://wa.me/?text=I%20found%20a%20great%20website.%20Check%20out%20this%20link%20https%3A%2F%2Fwww.example.com%2F">Share on WhatsApp</a>

  • Contact meボタンとprefilled text：上記2つの組み合わせ、特定のページにアクセスしたユーザーから事前に入力されたカスタムメッセージを取得する場合に便利です。形式https://wa.me/whatsappphonenumber/?text=urlencodedtextを使用します

    <a href="https://wa.me/15551234567?text=I%20am%20interested%20in%20your%20services.%20How%20to%20get%20started%3F">I am interested</a>

公式のドキュメントを参照してください https://faq.whatsapp.com/en/general/260000

6
Shri

私はこのコードを使用し、それは私のためにうまく機能します。国コードで、+ 92xxxxxxxxxxを有効なwhatsapp番号に変更するだけです

<script type="text/javascript">
        (function () {
            var options = {
                whatsapp: "+92xxxxxxxxxx", // WhatsApp number
                call_to_action: "Message us", // Call to action
                position: "right", // Position may be 'right' or 'left'

            };
            var proto = document.location.protocol, Host = "whatshelp.io", url = proto + "//static." + Host;
            var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
            s.onload = function () { WhWidgetSendButton.init(Host, proto, options); };
            var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
        })();
    </script>
2
Umair Mehmood

Official WhatsApp doc Says-：

https://api.whatsapp.com/send?phone=countrycode+phonenumber&text=urlencodedtext

使用： https://api.whatsapp.com/send?phone=15551234567&text=urlencodedtext

使用しないでください： https://api.whatsapp.com/send?phone=+001-（555）1234567

https://faq.whatsapp.com/en/general/260000

2
Shemeer M Ali

残念ながら、whatsappプロトコルに数値を入力するオプションはありません。パラメーターABID（アドレス帳ID）でのみ可能ですが、これを行うには特定の名前の連絡先が必要です。 check WhatsApp Documentation

2
Santiago Bernal

この回答は、ウェブサイトのwhatsappをクリックしてチャットし、web.whatsapp.comをデフォルトのコンテンツまたはメッセージでリダイレクトし、モバイルデバイスでwhatsappを開き、デフォルトのコンテンツを含むwhatsappをアプリのテキストバーに開く場合に役立ちます。

jqueryリンクも追加します。

<a  target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+91xxxxxxxxx&amp;text=Hi, I would like to get more information.." class="whatsapplink hidemobile" style="background-color:#2DC100">
<i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
<span style="color:#fff">
    Contact Us On WhatsApp        </span>
</a>
<a  target="_blank" title="Contact Us On WhatsApp" href="https://api.whatsapp.com/send?phone=+91xxxxxxxxx&text=Hi,%20I%20would%20like%20to%20get%20more%20information.." class="whatsapplink hideweb" style="background-color:#2DC100">
<i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
<span style="color:#fff">
    Contact Us On WhatsApp        </span>
</a>

<script type="text/javascript"> 
var mobile = (/iphone|iPod|Android|blackberry|mini|windows\sce|Palm/i.test(navigator.userAgent.toLowerCase()));  
if (mobile) { 

$('.hidemobile').css('display', 'none'); // OR you can use $('.hidemobile').hide();
} 
else 
{ 
$('.hideweb').css('display', 'none'); // OR you can use $('.hideweb').hide();
}
</script>
1
imtaher