如何在 Blogger Post 下方放置 Whats 应用分享按钮

Question

帮助我如何在post下方添加Whats App分享按钮来分享post。

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

.tl-postShare{text-align:right;}
.tl-postShare ul{display:inline-block;}
.tl-postShare ul li{margin:0;}
.tl-tagnShare{position:relative;overflow:hidden;line-height:45px;margin-top:25px;}
.tl-postShare .tl-social-icons.icon-circle .fa{margin-right:7px}
.tl-postShare h6{display:inline-block;font-size:15px;margin:0 10px 0 0;line-height:35px;}

和 HTML 这样 -

 <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>

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

Answer 1

你可以使用最新的 API 来自 whatsapp https://wa.me/ ,

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

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

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

https://wa.me/whatsappphonenumber

与特定用户共享预填文本（合并以上两项）：

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

Answer 2

查看前往 https://wa.me/?text=urlencodedtext 的结果。我明白了...

ERROR

PAGE NOT FOUND

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

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

在这里您可以指明是否有 phone 号码，因为通常情况下，您希望某人与他们认识的人分享该应用程序，而不是与你认识的人，这毫无意义。请记住使用 api.whatsapp.com 域，而不是 wa.me 域，你会做饭的！

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

如何在 Blogger Post 下方放置 Whats 应用分享按钮

How to Place Whats app share button below Blogger Post

html

javascript

css

jquery

blogger