Tutorial: Adicione um botão do WhatsApp ao seu site para aumentar seu alcance móvel

  • Autor Autor Someone
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Someone

Someone

Dseda
No recomendado
Verificación en dos pasos activada
Verificado por Binance
Sabemos que WhatsApp hoy en día es la app de mensajería instantánea más utilizada y famosa que hay. También sabemos que el mayor tráfico a nuestras webs son de dispositivos móviles, así que, ¿por qué no aprovecharse de este potencial?

Fueron los editores de la publicación web de deportes perteneciente a USA Today, For The Win los que se dieron cuenta de esto, e instalaron este botón en su web. Y estos fueron los resultados:

"El 35% de los lectores de FTW compartieron noticias de su interés de la web móvil a través del correo electrónico, el 34% lo hicieron difundiendo las noticias en su página de Facebook, el 18% a través de la app de mensajería WhatsApp y un 13% a través de la red social de noticias cortas Twitter"​

¡Se ha utilizado más que Twitter!

Android

Para Android debemos poner este código donde queramos que salga el botón:

Inserir CODE, HTML ou PHP:
<script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text="+document.URL+"'><img border='0' height='50' src='http://www.sandra-bg.com/images/whatsapp-logo-color-symbol.png' width='75'/></a>")</script>

*Gracias a kanikase por compartir :encouragement:*​

IOS

Si lo queremos para IOS es más fácil. Sólo vamos a WhatsApp Sharing y creamos nuestro botón.

Imágenes

Si quieres cambiar la imagen, puedes utilizar ésta en inglés o en español:

whatsapp-ingles.webp

whatsapp-espanol.webp​

Cualquier duda ya sabéis, saludos!

 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Muy de agradecer. Tengo la impresión de que esas visitas vía Whatsapp tendrán mucho más interés.
 
Cool!, gracias!
 
Muy bueno, muchisimo potencial. Pronto estaremos viendo muchisimo mas spam através de whatsapp.
 
Buena forma para obtener enlaces :encouragement:
 
Muy bueno, muchisimo potencial. Pronto estaremos viendo muchisimo mas spam através de whatsapp.

Cierto. Los "spammers" creo que utilizarán la herramienta de difusión que trae Whatsapp, ya sabes, envías un mensaje y le llega a todos los contactos que quieras.
 
Gracias por el dato amigo, :encouragement:
 
Estoy probando y cuando voy a compartir sale: data😛ost.url en el chat.
 
Última edição:
Estoy probando y cuando voy a compartir sale: data😛ost.url en el chat.

Estoy buscando una solución, cuando la encuentre te aviso. :encouragement:

Que raro, no puedo hacer que "reconozca" la url automáticamente, me sale lo mismo que a ti. Siento no poder ayudarte.
 
Última edição:
Bien gracias, esto es util.
 
Gracias por la info :encouragement:
 
¿Para wordpress cambio el href por permalink o no funcionará así?
 
¿Para wordpress cambio el href por permalink o no funcionará así?

Para WordPress utiliza este otro código:

<a href="whatsapp://send?text=<?php echo get_permalink(); ?>" data-action="share/whatsapp/share">WhatsApp</a>
 
Muy bueno 😱 😛8: pero tampoco me funciono :c lo tuve que hacer así:

HTML:
<script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text="+document.URL+"'><img border='0' height='50' src='http://www.sandra-bg.com/images/whatsapp-logo-color-symbol.png' width='75'/></a>")</script>
 
Muy bueno 😱 😛8: pero tampoco me funciono :c lo tuve que hacer así:

HTML:
<script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text="+document.URL+"'><img border='0' height='50' src='http://www.sandra-bg.com/images/whatsapp-logo-color-symbol.png' width='75'/></a>")</script>

¿Ese código es para Blogger ó Wordpress?
 
Muchas gracias, se agradece el útil aporte.
 
la forma de colocar este boton la estaba buscando desde hace tiempo, gracias por el tutorial.
 
Voltar
Topo