2016-03-31 6 views
3

と現在のリンクを共有することができるとHTMLのWhatsApp:国連、私は次のJavaScriptを使用してのWhatsAppの現在のリンクを共有しようとしていますJavascriptを

<script language="javascript"> 
    function waCurrentPage(){ 
     return "whatsapp://send?text=Check this out: "+'http://' + 
     window.location.hostname + window.location.pathname; 
    } 
</script> 


<a class="btn btn-social-icon btn-whatsapp" href="javascript:waCurrentPage()" 
    data-action="share/whatsapp/share"><i class="fa fa-whatsapp"></i> 
</a> 

私はそれが動作していない理由を私は取得していないアイデアを持っていない持っています

のWhatsApp:ボタンを押した後、ブラウザでこの出力?//テキストを送信=このチェックアウト:http://bggressive.nl/test/index.html

+0

あなたはURL(スペースの代わりに、すなわち20%) 'encodeURIComponentでの()'エスケープ試してみました – JoSSte

答えて

1

はこれを試してみてください。

<a class="btn btn-social-icon btn-whatsapp" href="javascript:window.location=waCurrentPage();">Link</a> 

JS:

waCurrentPage = function() { 
    return encodeURI("whatsapp://send?text=Check this out: " + 'http://' + window.location.hostname + window.location.pathname); 
} 

https://jsfiddle.net/7ny07Lfw/19/

1

私はこれがもう少し欲しいよりも長ったらしいですけど、それが動作し、あなたもカスタムCSSを追加することができます。

$(document).ready(function() { 
    var isMobile = { 
     Android: function() { 
      return navigator.userAgent.match(/Android/i); 
     }, 

     BlackBerry: function() { 
      return navigator.userAgent.match(/BlackBerry/i); 
     }, 
     iOS: function() { 
      return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
     }, 
     Opera: function() { 
      return navigator.userAgent.match(/Opera Mini/i); 
     }, 
     Windows: function() { 
      return navigator.userAgent.match(/IEMobile/i); 
     }, 
     any: function() { 
      return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); 
     } 
    }; 
    $(document).on("click", '.whatsapp', function() { 
      if(isMobile.any()) { 

       var text = $(this).attr("data-text"); 
       var url = $(this).attr("data-link"); 
       var message = encodeURIComponent(text) + " - " + encodeURIComponent(url); 
       var whatsapp_url = "whatsapp://send?text=" + message; 
       window.location.href = whatsapp_url; 
      } else { 
       alert("Please share this article in mobile device"); 
      } 

     }); 
    }); 
関連する問題