如何在网页中添加分享到微信朋友圈按钮

UPTATED:2013-11-13 | 分类:网络知识

中山网络公司,中山网络制作爱途科技公司2013-11-13日报

自从微信推出公众平台并允许分享文章到朋友圈之后,我看到有越来越多的朋友分享文章到朋友圈。

受冷笑话精选网站的启发,我们给36氪网站的移动版上加了“分享到微信朋友圈”按钮,在微信的内置浏览器中点击后可以一键分享,而不必点浏览器右上角的功能菜单再选择分享。

如何在网页中添加分享到微信朋友圈按钮

由于目前微信并没有提供这个按钮的官方支持,很多人问我们这个按钮是如何实现的,其实很简单,我们把我们实现的方法分享给大家,希望对那些想在网页端加这个按钮的人有所帮助。

下面是代码(相关参数请自行修改):
 

function WeiXinShareBtn() {
    if (typeof WeixinJSBridge == "undefined") {
        alert("请先通过微信搜索 wow36kr 添加36氪为好友,通过微信分享文章:)  ");
    } else {
        WeixinJSBridge.invoke('shareTimeline', {
            "title": "36氪",
            "link": "http://www.36kr.com",
            "desc": "关注互联网创业",
            "img_url": "http://www.36kr.com/assets/images/apple-touch-icon.png"
        });
    }
}

值得注意的是,这个按钮如果不是在微信内置浏览器中打开,点击后是没办法分享的。但是可以设置一个小弹窗,比如我们的弹窗是这样设计的:

 如何在网页中添加分享到微信朋友圈按钮


本文来源中山网站建设https://www.zsitw.com/,引用或者转载请注明。多谢~
  • 2021-05-09 中山公司网站建设需要注意哪些问题?

    网站建设对于互联网公司来说,可谓是重中之重了!针对每一公司来说,网站建设不但有益于公司的管理,更有利于促进公司的品牌推广,达到宣传目的。 网站建设有哪些具体步骤? 1.先做好网站定位 先将公司做好一个准确的定位,想好需要做的是什么类型的公司网站,对网站的主要内容和主题有明显的确定。最好做个公司业务市场的调...

  • 2017-12-29 评估一家电商网站,用户体验的10个检查点

    本文可被看作是评估一家电商网站体验的10个检查点,这10点不仅侧重于可用性,更强调成功和失败的电商网站在哪些方面有区别,这意味着这些区别能直接影响转化、激活以及用户的参与度。     1.网站的易发现性     我们的顾客是通过互联网发现我们的吗?他们是在网上发现我们的...

  • 2017-04-01 响应式网站如何设计

    响应式网站使得不同设备、分辨率的网站都有最好的视觉体验。为了获得更好的效果,那么响应式网站如何设计才能表现出更好的效果呢?     一、网站设计     首先,生活常用亮色可以被柔和色反衬出来,这是非常明显是事情,在网页设计中也一样,你可以利于这一点去吸引观众眼...

  • 2016-10-06 网站排版美化

     seo是什么,seo就是优化网站美化网站。注重用户体验而来,一个网站质量好,美观。自然用户体验也就好,转化率也就高!首先我们需要把自己的站内优化好。站内优化也就是网站美化、排版,其次就是站内代码优化和内容优化了!   在日常上网中,我们上网打开一个排版乱七八糟的网站相信你也会马上关闭不想多看!这个就说明了...

  • 2016-09-02 官网搭建必须注意的三点

       网络营销的崛起带动了一大批人投入进来,都纷纷为自己的企业打造站点,想通过自己的网赚钱,然而对于新朋友而言,做好官网搭建往往是需要注意很多问题的,要是问我做网站的前期选择重不重要,这个我可以很肯定的回答:重要,非常的重要。我们应该走好站长的第一步,有了好的第一步,然后才会有第二步,第三步...