Question

协助我如何在帖子下方添加Whats App分享按钮以分享帖子。

我的网站上有CSS，如下所示-

 <div class='tl-postShare pull-right'>
  <h6>Share To:</h6>
  <ul class='tl-colored-social icon-flat list-unstyled list-inline'> 
    <!-- Facebook -->
    <li class='tl-fbk'>
     <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Share on Facebook'>
       <i class='fa fa-facebook'/>
     </a>
    </li>
    <!-- Twitter -->
    <li class='tl-twt'>
     <a expr:href='&quot;http://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share on Twitter'>
       <i class='fa fa-twitter'/>
     </a>
    </li>

    <!-- WhatsApp -->

    <!-- Pinterest -->
    <li class='tl-pnt'>
     <a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title' rel='nofollow' target='_blank' title='share on Pinterest'>
       <i class='fa fa-pinterest'/>
     </a>
    </li>
  </ul>
</div>

还有这样的HTML-

npm install --global --production windows-build-tools

我只需要为WhatsApp添加一个共享按钮以及这些按钮。

Answer 1

您可以使用whatsapp https://wa.me/中的最新API，

与联系人选择共享预填文本

https://wa.me/?text=urlencodedtext

为特定的WhatsApp用户打开聊天对话框

https://wa.me/whatsappphonenumber

与特定用户共享预填充文本（在两个上方合并）：

https://wa.me/whatsappphonenumber/?text=urlencodedtext

Answer 2

查看转到https://wa.me/?text=urlencodedtext的结果。我知道了...

错误

找不到页面

我建议您尝试以下格式之一：

https://api.whatsapp.com/send?text=YourShareTextHere
https://api.whatsapp.com/send?text=YourShareTextHere&phone=123

在这里您可以指示是否拥有电话号码，因为通常情况下，您希望某人与认识他们的人（而不是与您认识的人）共享应用程序>知道，这毫无意义。记住要使用api.whatsapp.com域，而不要使用wa.me域，否则您会做饭的！

如果您有兴趣观看跟踪这些URL的项目，请访问我们！：https://github.com/bradvin/social-share-urls#whatsapp

如何在Blogger帖子下方放置Whats应用共享按钮

2 个答案: