Eu desenvolvi um site que é usado principalmente em telefones celulares.
Quero permitir que os usuários compartilhem informações diretamente da página da web no WhatsApp.
Usando a detecção do UserAgent, posso distinguir entre Android e iOS.
Pude descobrir que, para implementar o acima no iOS, posso usar o URL:
href="whatsapp://send?text=http://www.example.com"
Ainda estou procurando a solução a ser usada quando o sistema operacional é Android (como o descrito acima não funciona).
Eu acho que está de alguma forma relacionado ao uso de "intenção" no Android, mas não consegui descobrir como fazê-lo como parâmetro para href.
Respostas:
Acabei de vê-lo em um site e parece funcionar no Android mais recente com o Chrome e WhatsApp mais recentes agora também! Dê uma nova chance ao link!
Rechecked hoje (17 th abril 2015):
funciona para mim no iOS 8 (iPhone 6, versões mais recentes) Android 5 (Nexus 5, as últimas versões).
Também funciona no Windows Phone.
fonte
As respostas acima estão um pouco desatualizadas. Embora esses métodos funcionem, mas usando o método abaixo, você pode compartilhar qualquer texto com um número predefinido. O método abaixo funciona para android, WhatsApp web, IOS etc.
Você só precisa usar este formato:
UPDATE-- Use isso a partir de agora (nov-2018)
Para mais informações, consulte https://www.whatsapp.com/faq/en/general/26000030
fonte
Atualmente, é muito fácil conseguir isso. Você só precisa adicionar o seguinte código às suas páginas:
E é isso. Não é necessário Javascript, nada mais é necessário. Claro que você pode estilizá-lo como quiser e incluir um bom ícone do Whatsapp.
Eu testei isso no meu dispositivo Android com o Google Chrome. As versões:
Também funciona no iOS. Fiz um teste rápido em um iPhone 5 com o Safari e também funciona.
Espero que isso ajude alguém. :-)
fonte
encodeURIComponent()
send
parâmetro deve ser formatado? Atualmente, eu tenhowhatsapp://send?text=data:image/png;base64,iVBORw0KGgoAAAANS...
, mas não tenho certeza quanto dos prefixos para incluir ...De acordo com a nova documentação, o link agora é:
Se não funcionar, tente este:
fonte
Recentemente, o WhatsApp atualizou em seu site oficial que precisamos usar essa tag HTML para torná-la compartilhável para sites para celular:
Você pode substituir
text=
para ter seu link ou qualquer conteúdo de textofonte
ÚLTIMA ATUALIZAÇÃO
Agora você pode usar a API mais recente do whatsapp
https://wa.me/
sem se preocupar com o agente do usuário, a API fará o tratamento do agente do usuário.Compartilhe texto pré-preenchido com a opção de seleção de contato no respectivo cliente whatsapp (Android / iOS / Webapp):
Abra a caixa de diálogo de bate-papo para um determinado usuário do whatsapp no respectivo cliente do whatsapp (Android / iOS / Webapp):
Compartilhe texto pré-preenchido com um usuário específico (combine acima de dois):
Nota :
whatsappphonenumber
deve ser o número de telefone completo em formato internacional. Omita todos os zeros, colchetes ou traços ao adicionar o número de telefone em formato internacional.Para documentação oficial, visite https://faq.whatsapp.com/en/general/26000030
fonte
Receio que o WhatsApp para Android atualmente não suporte a chamada de um navegador da web.
Eu tinha o mesmo requisito para o meu projeto atual e, como não consegui encontrar nenhuma informação adequada, acabei baixando o arquivo APK.
No Android, se um aplicativo deseja ser chamado a partir de um navegador da Web, ele precisa definir uma Atividade com a categoria android.intent.category.BROWSABLE.
Você pode encontrar mais informações sobre isso aqui: https://developers.google.com/chrome/mobile/docs/intents
Se você der uma olhada no arquivo AndroidManifest.xml do WhatsApp, a única atividade com a categoria BROWSABLE é essa:
Eu brinco com isso há um tempo e não consegui fazê-lo funcionar. O máximo que consegui foi abrir o aplicativo WhatsApp no Chrome, mas não consegui descobrir uma maneira de definir o conteúdo e o destinatário da mensagem.
Como não está documentado pela equipe do WhatsApp, acho que ainda está em andamento. Parece que no futuro o WhatsApp também lidará com SMS.
A única maneira de obter mais informações é entrar em contato com a equipe de desenvolvedores do WhatsApp, o que eu tentei, mas ainda estou esperando por uma resposta.
Saudações!
fonte
Em geral, faz sentido exibir apenas o Whatsapp Link nos dispositivos iOS ou Android, usando o script java:
fonte
Acabei de testar o
whatsapp://
esquema no meu super antigoAndroid 2.3.3
comWhats App 2.11.301
, funciona como um encanto. Parece ser apenas aWhats App
versão. ComoWhats App
está forçando todos a atualizar, deve ser seguro usá-lo.A
Whats App
documentação também menciona esse esquema: http://www.whatsapp.com/faq/en/android/28000012Estou usando isso em um site de produção agora e será atualizado aqui, se eu receber alguma reclamação do usuário.
Editar (14 de novembro): nenhuma reclamação do usuário após algumas semanas.
fonte
Os documentos oficiais dizem para uso:
wa.me
. Não usewa.me
. Experimente você mesmo: https://wa.me/?text=SomeTexttoShare Resultados para mim:Se você deseja compartilhar, use absolutamente um dos dois formatos de URL a seguir:
Se você estiver interessado em assistir a um projeto que monitora esses URLs, consulte-nos !: https://github.com/bradvin/social-share-urls#telegramme
fonte
whatsapp://send?text=
funciona para mim, com ou sem codificação de URL. Só testei no iOScustomProtocol://action=?
tipos de links. Então, isso não fará nada em um desktop. Para isso, seria necessário detectar o sistema operacional e, em seguida, usar um URL para desktop e outro para iOS. Mas isso é realmente uma questão completamente diferente do que o OP está pedindo.Alterne os links de compartilhamento do whatsapp de acordo com a plataforma, seja desktop ou móvel.
Isso funciona com ou sem o fornecimento do número de telefone no link.
Para dispositivos móveis
Para Desktop
fonte
Este código funcionou para mim.
Depois de clicar no link, ele solicitará que você escolha o contato para compartilhar uma mensagem.
Você pode adicionar o atributo target = "_ blank" para abri-lo em uma nova janela ou guia.
Não acho que o número de telefone seja necessário quando alguém deseja compartilhar uma mensagem ou artigo específico.
fonte
use-o como "whatsapp: // send? text =" + encodeURIComponent (seu texto vai aqui), ele definitivamente funcionará.
fonte
Tente fazer desta maneira:
Mesmo você pode enviar mensagens sem inserir o número de telefone no link:
Depois de clicar no link, você verá uma lista de contatos para os quais pode enviar sua mensagem.
Mais informações em https://faq.whatsapp.com/en/general/26000030 .
Boa sorte!
fonte