CN103853767A

CN103853767A - 一种基于浏览器的社交圈分享方法和装置

Info

Publication number: CN103853767A
Application number: CN201210510519.5A
Authority: CN
Inventors: 郭力恒
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2012-12-04
Filing date: 2012-12-04
Publication date: 2014-06-11
Anticipated expiration: 2032-12-04
Also published as: CN103853767B

Abstract

本发明实施例公开了一种基于浏览器的社交圈分享方法，所述社交圈分享方法包括：获取用户在浏览器上预设的社交圈分享书签的点击操作；根据所述点击操作，获取浏览器当前页面中的网页分享内容；向社交圈分享服务器发送分享信息，所述分享信息包括所述网页分享内容和分享目标社交圈。本发明实施例还公开了一种基于浏览器的社交圈分享装置。采用本发明，可以方便的将浏览器页面中的内容分享至目标社交圈，极大的提高了针对社交圈的信息分享的效率和用户体验。

Description

一种基于浏览器的社交圈分享方法和装置

技术领域

本发明涉及一种互联网领域，尤其涉及一种基于浏览器的社交圈分享方法和装置。

背景技术

物以类聚，人以群分，人们常常因具有相同的爱好、兴趣、特质或者为了某个特定目的而联系在一起，即所谓的社交圈。如今互联网领域已经推出了多种基于社交圈的互联网产品。现有的基于社交圈的网络产品一般是基于客户端，或者用户希望在特定社交圈分享信息的时候操作较为繁杂，给用户带来了极大的不便。

发明内容

本发明实施例所要解决的技术问题在于，提供一种基于浏览器的社交圈分享方法和装置，可以方便的将分享内容发送至目标社交圈。

为了解决上述技术问题，本发明实施例提供了一种基于浏览器的社交圈分享方法，所述社交圈分享方法包括：

获取用户在浏览器上预设的社交圈分享书签的点击操作；

根据所述点击操作，获取浏览器当前页面中的网页分享内容；

向社交圈分享服务器发送分享信息，所述分享信息包括所述网页分享内容和分享目标社交圈。

其中，所述获取用户在浏览器上预设的社交圈分享书签的点击操作之前还包括：

在浏览器的收藏夹中添加所述社交圈分享书签。

其中，所述向社交圈分享服务器发送分享信息之前还包括：

在浏览器中创建社交圈分享页面；

在所述社交圈分享页面获取用户选择的分享目标社交圈。

其中，所述在所述社交圈分享页面获取用户选择的分享目标社交圈包括：

在所述社交圈分享页面中显示用户已加入的社交圈；

获取用户在所述社交圈分享页面中显示的已加入的社交圈中选择的至少一个社交圈作为所述分享目标社交圈。

其中，所述在浏览器中创建社交圈分享页面后还包括：

将获取到的浏览器当前页面中的所述网页分享内容显示在所述社交圈分享页面中。

其中，所述社交圈分享页面为浏览器的内嵌页面或弹窗页面。

其中，所述网页分享内容包括标题、引用网址以及分享内容。

相应地，本发明实施例还提供了一种基于浏览器的社交圈分享装置，所述社交圈分享装置包括：

书签点击获取模块，用于获取用户在浏览器上预设的社交圈分享书签的点击操作；

网页内容获取模块，用于根据所述点击操作，获取浏览器当前页面中的网页分享内容；

分享信息发送模块，用于向社交圈分享服务器发送分享信息，所述分享信息包括所述网页分享内容和分享目标社交圈。

其中，所述社交圈分享装置还包括：

分享书签添加模块，用于在浏览器的收藏夹中添加所述社交圈分享书签。

其中，所述社交圈分享装置还包括：

分享页面创建模块，用于在浏览器中创建社交圈分享页面，以及在所述社交圈分享页面获取用户选择的分享目标社交圈。

其中，所述分享页面创建模块包括：

社交圈显示单元，用于在所述社交圈分享页面中显示用户已加入的社交圈；

社交圈选择单元，用于获取用户在所述社交圈分享页面中显示的已加入的社交圈中选择的至少一个社交圈作为所述分享目标社交圈。

其中，所述分享页面创建模块包括：

分享内容显示单元，用于将获取到的浏览器当前页面中的所述网页分享内容显示在所述社交圈分享页面中。

本发明实施例通过在浏览器中设置社交圈分享书签，在用户点击时可以方便的将浏览器页面中的内容分享至目标社交圈，极大的提高了针对社交圈的信息分享的效率和用户体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例中的一种基于浏览器的社交圈分享方法的流程示意图；

图2是本发明另一实施例中的一种基于浏览器的社交圈分享方法的流程示意图；

图3是本发明实施例中的一种基于浏览器的社交圈分享装置的结构示意图；

图4是本发明实施例中的社交圈分享装置中社交圈分享装置的结构示意图；

图5是本发明实施例中创建社交圈分享页面的示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例中的社交圈分享方法和装置，可以实现在登录了SNS（SocialNetworking Services，即社会性网络服务）或即时通讯服务的相关账号的互联网终端上，所述互联网终端可以包括个人电脑、平板电脑、手机、智能手机、电子阅读器、笔记本电脑、车载终端等。所述社交圈可以为通过SNS服务器或即时通讯服务器建立的网络社交圈，例如微博圈子、网络游戏圈子、书友圈子、驴友圈子等等。本发明实施例中所提及的浏览器中的书签可以为Bookmarklet，小书签，又叫书签小程序，是一种小型的程序(Applet)，以网址(URL)的形式被存为浏览器中的书签，通常是JavaScript脚本。

图1是本发明实施例中的一种基于浏览器的社交圈分享方法的流程示意图。如图所示本实施例中的社交圈分享方法可以包括：

S101，获取用户在浏览器上预设的社交圈分享书签的点击操作。具体实现中，所述社交圈分享书签可以为浏览器上自带的书签，也可以为用户通过网页上的提示将社交圈分享书签加入浏览器中的收藏夹中。当用户在浏览网页时，发现当前网页中的内容值得分享，那么就可以点击浏览器上的社交圈分享书签，浏览器即可根据用户的点击操作在当前网页加载执行书签中的JavaScript脚本。

S102，根据所述点击操作，获取浏览器当前页面中的网页分享内容。所述社交圈分享书签中的JavaScript脚本执行后可以在当前页面加载一个内容抓取脚本，负责从浏览器的当前页面中抓取网页分享内容，可以包括标题、引用网址以及分享内容。

S103，向社交圈分享服务器发送分享信息，所述分享信息包括所述网页分享内容和分享目标社交圈。具体的，在向社交圈分享服务器发送分享信息之前，可以首先判断系统当前的登录态，若用户尚未登录可向所述社交圈分享服务器发送分享信息的账户则提示用户首先需要进行登录，进而可以将所述网页分享内容显示给用户进行确认，并提示用户选择分享的目标社交圈，假设用户只属于唯一的目标社交圈或预先设定了默认分享的目标社交圈，那么也可以不需用户选择而直接将所述分享信息发送给社交圈分享服务器，即默认该用户唯一的社交圈或默认的目标社交圈作为本次分享的目标社交圈，从而让所述社交圈分享服务器向分享目标社交圈推送所述网页分享内容。

图2是本发明另一实施例中的一种基于浏览器的社交圈分享方法的流程示意图。如图所示本实施例中社交圈分享方法可以包括：

S201，在浏览器的收藏夹中添加所述社交圈分享书签。具体的，所述社交圈分享书签可以添加在浏览器中的收藏夹栏中，以便在用户在浏览网页时可以能够一键点击，所述社交圈分享书签的内容可以为一段JavaScript脚本，写在<a>标签的href属性上，并以字符串javascript:为首，包括在一段自我执行函数内部，以防污染书签运行的页面。例如：

<a href＝"javascript:(function(){/*程序代码*/})()">分享到圈子</a>

函数内部的部分在当前页面插入<script>节点，加载创建社交圈分享页面的脚本。当用户把这段书签的内容加入到收藏夹后，就可以实现每次用户点击该书签时在当前页面加载其中的脚本。例如：

var$s=document.createElement(‘script’);

$s.src=‘http://1.url.cn/q/js/1/postToQuan.js’;

document.body.appendChild($s);

S202，获取用户在浏览器上的社交圈分享书签的点击操作。浏览器在获取到用户点击了社交圈分享书签后，即可触发执行其中的JavaScript脚本。

S203，获取浏览器当前页面中的网页分享内容。所述社交圈分享书签中的JavaScript脚本执行后可以在当前页面加载一个内容抓取脚本，负责可以从浏览器的当前页面中抓取网页分享内容，所述网页分享内容可以包括标题、引用网址以及分享内容等。具体实现中，对于标题的数据，内容抓取脚本可以提取当前页面中的document.title属性，即当前页面上自带的标题，例如图5中从当前页面中抓取到当前网页的标题内容“断肠草有什么作用？百度知道”；对于引用网址url（Uniform/Universal Resource Locator，统一资源定位符），内容抓取脚本可以提取当前页面中的document.location，例如图5中从当前网页中获取到的网址“http://zhidao.baidu.com/question/280969295.html”；而对于内容，内容抓取脚本可以分情况来进行：首先优先抓取当前页面被选择的内容，通过window.getSelection()/docment.getSelection()的方式或是网页的selection属性实现，例如图5中的网页中用户通过触屏划取或鼠标选中了部分文档内容（图中显示为灰底的部分），内容抓取脚本可以优先的将这部分被选择的内容作为本次的网页分享内容的分享内容，如果当前页面中被选择内容为空，内容抓取脚本可以提取当前页面中的<h1>,<h2>,<h3>等标签的内容，还为空则内容抓取脚本可以使用当前页面中的document.title作为分享内容。

S204，在浏览器中创建社交圈分享页面。具体实现中可以有两种方式创建所述社交圈分享页面，第一种为通过在当前页面中嵌入一个iframe页面的方式创建所述社交圈分享页面，即浏览器创建当前网页的一个内嵌页面；第二种是通过浏览器window.open打开新窗口的方式创建所述社交圈分享页面，即浏览器的弹窗页面。所述社交圈分享页面可以例如图5中所示，包括所述网页分享内容和可选的分享目标社交圈，具体实现中，可以在创建所述社交圈分享页面之前可以首先判断系统当前的登录态，若用户尚未登录可向所述社交圈分享服务器发送分享信息的账户则提示用户首先需要进行登录，登录后所述社交圈分享页面可以通过url的GET参数获取步骤S203中获取到的浏览器当前页面中的网页分享内容并显示，用户可以在社交圈分享页面中查阅、修改获取到的网页分享内容；所述社交圈分享页面还可以通过用户的登录账户从社交群分享服务器请求获取用户已加入的社交圈并显示，若有多个则可以如图5所示采用列表的形式显示用户已加入的多个社交圈，提示用户从中选择一个或者多个作为本次分享的目标社交圈。

S205，在所述社交圈分享页面获取用户选择的分享目标社交圈。本实施例中，用户选择点击了社交圈分享页面中社交圈列表中的某一个社交圈，即代表用户选择该社交圈作为本次分享的目标社交圈，也代表用户确认了社交圈分享页面中显示的（或已经过用户修订）网页分享内容，即实现了一键发送，最大程度上的简化了操作。

S206，向社交圈分享服务器发送分享信息，所述分享信息包括所述网页分享内容和分享目标社交圈，以使所述社交圈分享服务器向分享目标社交圈推送所述网页分享内容。具体实现中，可以通过ajax（意为Asynchronous JavaScript andXML，异步JavaScript和XML，指一种创建交互式网页应用的网页开发技术）方法将所述分享信息通过内容分享cgi（Common Gateway Interface，通用网关接口）发送至社交圈分享服务器。在调用cgi成功后2秒钟，通过window.close()方法关闭所述社交圈分享窗口。所述社交圈分享服务器向分享目标社交圈推送所述网页分享内容可以为在分享目标社交圈的对应的社交圈空间上发表所述网页分享内容，或向分享目标社交圈中的其他成员推送所述网页分享内容。

图3是本发明实施例中的一种基于浏览器的社交圈分享装置的结构示意图。如图所示本发明实施例中的社交圈分享装置至少包括：

书签点击获取模块310，用于获取用户在浏览器上预设的社交圈分享书签的点击操作。具体实现中，所述社交圈分享书签可以为浏览器上自带的书签，也可以为用户通过网页上的提示将社交圈分享书签加入浏览器中的收藏夹中。当用户在浏览网页时，发现当前网页中的内容值得分享，那么就可以点击浏览器上的社交圈分享书签，书签点击获取模块310获取到用户的点击操作后浏览器即可在当前网页加载执行书签中的JavaScript脚本。

网页内容获取模块320，用于根据所述点击操作，获取浏览器当前页面中的网页分享内容。具体视线中，所述网页内容获取模块320可以在当前页面加载一个内容抓取脚本，负责可以从浏览器的当前页面中抓取网页分享内容，所述网页分享内容可以包括标题、引用网址以及分享内容等。具体实现中，对于标题的数据，网页内容获取模块320可以提取当前页面中的document.title属性，即当前页面上自带的标题，例如图5中从当前页面中抓取到当前网页的标题内容“断肠草有什么作用？百度知道”；对于引用网址url（Uniform/UniversalResource Locator，统一资源定位符），网页内容获取模块320可以提取当前页面中的document.location，例如图5中从当前网页中获取到的网址“http://zhidao.baidu.com/question/280969295.html”；而对于内容，网页内容获取模块320可以分情况来进行：首先优先抓取当前页面被选择的内容，通过window.getSelection()/docment.getSelection()的方式或是网页的selection属性实现，例如图5中的网页中用户通过触屏划取或鼠标选中了部分文档内容（图中显示为灰底的部分），网页内容获取模块320可以优先的将这部分被选择的内容作为本次的网页分享内容的分享内容，如果当前页面中被选择内容为空，网页内容获取模块320可以提取当前页面中的<h1>,<h2>,<h3>等标签的内容，还为空则网页内容获取模块320可以使用当前页面中的document.title作为分享内容。

分享信息发送模块330，用于向社交圈分享服务器发送分享信息，所述分享信息包括所述网页分享内容和分享目标社交圈。具体实现中，分享信息发送模块330可以通过ajax（意为Asynchronous JavaScript and XML，异步JavaScript和XML，指一种创建交互式网页应用的网页开发技术）方法将所述分享信息通过内容分享cgi（Common Gateway Interface，通用网关接口）发送至社交圈分享服务器，以使所述社交圈分享服务器向分享目标社交圈推送所述网页分享内容。所述社交圈分享服务器向分享目标社交圈推送所述网页分享内容可以为在分享目标社交圈的对应的社交圈空间上发表所述网页分享内容，或向分享目标社交圈中的其他成员推送所述网页分享内容。

进一步的，本发明实施例中的社交圈分享装置还可以包括：

分享书签添加模块300，用于在浏览器的收藏夹中添加所述社交圈分享书签。所述社交圈分享书签可以添加在浏览器中的收藏夹栏中，以便在用户在浏览网页时可以能够一键点击，所述社交圈分享书签的内容可以为一段JavaScript脚本，写在<a>标签的href属性上，并以字符串javascript:为首，包括在一段自我执行函数内部，以防污染书签运行的页面。例如：

<a href＝"javascript:(function(){/*程序代码*/})()">分享到圈子</a>

var$s=document.createElement(‘script’);

$s.src=‘http://1.url.cn/q/js/1/postToQuan.js’;

document.body.appendChild($s);

进一步的，本发明实施例中的社交圈分享装置还可以包括：

分享页面创建模块340，用于在浏览器中创建社交圈分享页面，以及在所述社交圈分享页面获取用户选择的分享目标社交圈。具体实现中分享页面创建模块340可以有两种方式创建所述社交圈分享页面，第一种为通过在当前页面中嵌入一个iframe页面的方式创建所述社交圈分享页面，即浏览器创建当前网页的一个内嵌页面；第二种是通过浏览器window.open打开新窗口的方式创建所述社交圈分享页面，即浏览器的弹窗页面。所述社交圈分享页面可以例如图5中所示，包括所述网页分享内容和可选的分享目标社交圈。

进一步的，分享页面创建模块340可以如图4所示包括分享内容显示单元341、社交圈显示单元342以及社交圈选择单元343，其中：

分享内容显示单元341用于将获取到的浏览器当前页面中的所述网页分享内容显示在所述社交圈分享页面中。具体实现中，分享内容显示单元341可以通过url的GET参数获取网页内容获取模块320获取到的浏览器当前页面中的网页分享内容并显示，用户可以在社交圈分享页面中查阅、修改获取到的网页分享内容。

社交圈显示单元342用于在所述社交圈分享页面中显示用户已加入的社交圈。具体实现中，在创建得到社交圈分享页面后可以首先判断系统当前的登录态，若用户尚未登录可向所述社交圈分享服务器发送分享信息的账户则提示用户首先需要进行登录，登录后社交圈显示单元342可以通过用户的登录账户从社交群分享服务器请求获取用户已加入的社交圈并显示在社交圈分享页面中，若有多个则可以如图5所示采用列表的形式显示用户已加入的多个社交圈，提示用户从中选择一个或者多个作为本次分享的目标社交圈。

社交圈选择单元343用于获取用户在所述社交圈分享页面中显示的已加入的社交圈中选择的至少一个社交圈作为所述分享目标社交圈。具体实现中，用户选择点击了社交圈分享页面中社交圈列表中的某一个社交圈，即代表用户选择该社交圈作为本次分享的目标社交圈，也代表用户确认了社交圈分享页面中显示（或已经过用户修订）的网页分享内容，社交圈选择单元343即可通知分享信息发送模块330执行发送，即实现了一键发送，最大程度上的简化了操作。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random Access Memory，RAM）等。

以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims

1.一种基于浏览器的社交圈分享方法，其特征在于，所述社交圈分享方法包括：

获取用户在浏览器上预设的社交圈分享书签的点击操作；

2.如权利要求1所述的基于浏览器的社交圈分享方法，其特征在于，所述获取用户在浏览器上预设的社交圈分享书签的点击操作之前还包括：

在浏览器的收藏夹中添加所述社交圈分享书签。

3.如权利要求1所述的基于浏览器的社交圈分享方法，其特征在于，所述向社交圈分享服务器发送分享信息之前还包括：

在浏览器中创建社交圈分享页面；

在所述社交圈分享页面获取用户选择的分享目标社交圈。

4.如权利要求3所述的基于浏览器的社交圈分享方法，其特征在于，所述在所述社交圈分享页面获取用户选择的分享目标社交圈包括：

在所述社交圈分享页面中显示用户已加入的社交圈；

5.如权利要求3所述的基于浏览器的社交圈分享方法，其特征在于，所述在浏览器中创建社交圈分享页面后还包括：

6.如权利要求3所述的基于浏览器的社交圈分享方法，其特征在于，所述社交圈分享页面为浏览器的内嵌页面或弹窗页面。

7.如权利要求1~6中任一项所述的基于浏览器的社交圈分享方法，其特征在于，所述网页分享内容包括标题、引用网址以及分享内容。

8.一种基于浏览器的社交圈分享装置，其特征在于，所述社交圈分享装置包括：

9.如权利要求8所述的基于浏览器的社交圈分享装置，其特征在于，所述社交圈分享装置还包括：

10.如权利要求8所述的基于浏览器的社交圈分享装置，其特征在于，所述社交圈分享装置还包括：

11.如权利要求10所述的基于浏览器的社交圈分享装置，其特征在于，所述分享页面创建模块包括：

12.如权利要求10所述的基于浏览器的社交圈分享装置，其特征在于，所述分享页面创建模块包括：

13.如权利要求10所述的基于浏览器的社交圈分享装置，其特征在于，所述社交圈分享页面为浏览器的内嵌页面或弹窗页面。

14.如权利要求8~13中任一项所述的基于浏览器的社交圈分享装置，其特征在于，所述网页分享内容包括标题、引用网址以及分享内容。