h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」

h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

 微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的config接口注入权限验证配置好就ok

类似于“分享到朋友圈”按钮点击状态及自定义分享内容接口,我们调用“分享到QQ”和“分享到腾讯微博”按钮点击状态及自定义分享内容接口 

获取“分享到QQ”按钮点击状态及自定义分享内容接口

    wx.onMenuShareQQ({  
        title: '', // 分享标题  
        desc: '', // 分享描述  
        link: '', // 分享链接  
        imgUrl: '', // 分享图标  
        success: function () {   
           // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
           // 用户取消分享后执行的回调函数  
        }  
    });  

获取“分享到QQ空间”按钮点击状态及自定义分享内容接口

    wx.onMenuShareQZone({  
        title: '', // 分享标题  
        desc: '', // 分享描述  
        link: '', // 分享链接  
        imgUrl: '', // 分享图标  
        success: function () {   
           // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
            // 用户取消分享后执行的回调函数  
        }  
    });  

获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口

    wx.onMenuShareWeibo({  
        title: '', // 分享标题  
        desc: '', // 分享描述  
        link: '', // 分享链接  
        imgUrl: '', // 分享图标  
        success: function () {   
           // 用户确认分享后执行的回调函数  
        },  
        cancel: function () {   
            // 用户取消分享后执行的回调函数  
        }  
    });  

以上是调用接口然后进行自定义分享。下面是关于h5分享到的两个不错的插件。

一、http://www.jiathis.com/help/html/weixin-share-code

具体事例可以查看以上网址,我这里演示一个简单的例子。

使用说明: 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。

<!-- JiaThis Button BEGIN --><div id="ckepop">
<span class="jiathis_txt">分享到:</span>
<a class="jiathis_button_weixin">微信</a> 
<a href="http://www.jiathis.com/share"  class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
<a class="jiathis_counter_style"></a> </div> 
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script>
</div> <!-- JiaThis Button END -->

h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」

 二、http://share.baidu.com/code

HTML代码

<div class="bdsharebuttonbox">
  <a href="#" class="bds_more" data-cmd="more"></a>
  <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
  <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
  <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
  <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
  <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
</div>

js代码

 window._bd_share_config={
      "common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},
      "share":{},
      "image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},  
"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]} }; with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src= 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];

h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」

 如果想要查看更多的分享格式,可以查看原网址。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/166390.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • log4cxx 简介

    log4cxx 简介Log4cxx是开放源代码项目ApacheLoggingService的子项目之一,用于为C++程序提供日志功能,以便开发者对目标程序进行调试和审计。本文对log4cxx的使用及配置进行介绍,并给出一个可以快速开始的实例。最后,针对日志服务给出一些实践方面的建议。1.       介绍Log4cxx是开放源代码项目ApacheLoggingService的子项目之一,是Jav

    2022年6月24日
    53
  • mysql decimal php,PHP中的MySQL DECIMAL处理

    mysql decimal php,PHP中的MySQL DECIMAL处理如通常讨论的那样(例如Storing0.00001inMySQL),DECIMAL数据类型应用于需要精确度/正确性的字段,例如帐户余额.但是,我想知道PHP如何处理这些值,以及如果它们在内部以浮点数进行处理,那么从数据库读取这些值,进行一些计算并再次写回它们时是否仍然存在问题.如果是这样,我们如何才能迫使PHP保持精度?解决方法:该变量可能是最初在PHP中的字符串(从MySQL结果对象读取时…

    2022年7月17日
    10
  • python aic准则_在Python中手工计算Akaike信息标准(AIC)

    python aic准则_在Python中手工计算Akaike信息标准(AIC)据我所知,Python中没有AIC包。因此,我试图手动计算它,以找到数据集中的最佳集群数(我使用K-均值进行集群)我遵循Wiki上的公式:AIC=2k-2ln(最大可能性)以下是我当前的代码:range_n_clusters=range(2,10)forn_clustersinrange_n_clusters:model=cluster.KMeans(n_clusters=n_cl…

    2022年5月23日
    46
  • Socket原理讲解

    Socket原理讲解对TCP/IP、UDP、Socket编程这些词你不会很陌生吧?随着网络技术的发展,这些词充斥着我们的耳朵。那么我想问:1.什么是TCP/IP、UDP?2.Socket在哪里呢?3.Socket是什么呢?4.你会使用它们吗?什么是TCP/IP、UDP?TCP/IP(TransmissionCont…

    2022年5月25日
    38
  • 数据挖掘的流程[通俗易懂]

    数据挖掘的流程[通俗易懂]数据挖掘是指一个完整的过程,该过程从大型数据库中挖掘先前未知的,有效的,可实用的信息,并使用这些信息做出决策或丰富知识。数据挖掘环境示意图如图3-13所示。数据挖掘的流程大致如下:1.问题定义在开始数据挖掘之前,最先的也是最重要的要求就是熟悉背景知识,弄清用户的需求。缺少了背景知识,就不能明确定义要解决的问题,就不能为挖掘准备优质的数据,也很难正确地解释得到的结果。要想充分发挥数据挖掘的价值,必须对目标有一个清晰明确的定义,即决定到底想干什么。2.建立数据挖掘库要进行数据挖掘必须收集要挖掘的

    2025年8月28日
    6
  • PHP方法,传入的参数前带三个点是什么意思?

    PHP方法,传入的参数前带三个点是什么意思?

    2022年2月14日
    62

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号