SEO那些事：一句代码一键分享网站

这是很久以前就已经写过的笔记了，有一个习惯，每次遇到一个问题，都会进行百度，然后把解决问题的关键点记录下来，有人问我，为什么更新频率如此之快，大部分都是从前积累的知识点。

其实每天工作所涉及的知识点都非常的多，长久记录下来，也算是一笔财富了，从前只是记录在印象笔记里面，看着自己的印象笔记日益渐慢，于是放在了这个平台，不得不说，简书的平台可以存储很多技术文章，文本编辑器是我见过最好用的一个，不但支持Markdown格式，还能保存为草稿，不用担心丢失。

网站上的一键分享到朋友圈好友圈的功能，其实特别简单，只需要一句代码就行，例如以下：

点击网站右边侧边栏，会划出一个div，一键分享到各个平台
只需要一句代码，就可以做到，不需要在写前端页面
先举个例子：
代码：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0";; charset="utf-8"></script>
</body>
</html>

图片发自简书App

再举个例子：


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body><!-- JiaThis Button BEGIN -->
<div class="jiathis_style">
<span class="jiathis_txt">分享到：</span>
<a class="jiathis_button_icons_1"></a >
<a class="jiathis_button_icons_2"></a >
<a class="jiathis_button_icons_3"></a >
<a class="jiathis_button_icons_4"></a >
<a href=" "; class="jiathis jiathis_txt 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"; charset="utf-8"></script>
<!-- JiaThis Button END -->
</body>
</html>

参考demo：http://jingyan.baidu.com/article/642c9d34cb52bb644b46f745.html

如果非要写前端漂亮的代码，请参考17素材网源码：jQuery点按钮一键分享代码_网页分享代码
可点击下载
http://www.17sucai.com/pins/17097.html

图片发自简书App

以下demo摘自网站：各种样式可以随意挑选，或上下左右，或居中，或大或小，都可以用一句代码就能搞定
参考官方网站：http://www.jiathis.com/
JiaThis - 社会化分享按钮及移动端分享代码提供商，提供专业的分享按钮代码及精准的数据统计服务,通过访客不断的分享行为,来提升网站的优质外链、增加社会化流量、带来更多的用户
不要奇怪，没有中病毒哦

图片发自简书App

转载于:https://www.cnblogs.com/wangting888/p/9701912.html

SEO那些事：一句代码一键分享网站相关推荐

ShareSDK一键分享
ShareSDK一键分享效果图第一步ShareSDK 1.首先进入mob的官网:http://mob.com; 如下图所示有注册和登录,首先我们需要注册一个账户,才可以申请应用得到appkey来使 ...
html怎么写分享代码,怎么写一个文件分享网页？百度一键分享按钮HTML代码
怎么写一个文件分享网页?首先一个基本的网页包含主要的哪些就不说了,下面直接上关键的代码即可,把他放到需要的地方即可.下面一起来看看吧. 百度一键分享按钮HTML代码下面是需要加分享按钮的css代码 ...
一键分享到QQ空间、QQ好友、新浪微博、微信代码
通过qq空间.qq聊天.新浪微博和微信二维码分享平台提供的接口,实现把网页中对应的图片.标题.描述的信息参数用javascript获取后传进接口中,实现一键分享. 使用到的接口: 1.分享到QQ空间接 ...
澳门美团跨多应用测试代码一键生成案例分享
每家软件互联网公司的产品线基本无一例外包含:安卓 APP/iOS APP + 后台控制,比如美团就有至少4个应用: 1. 买家下单APP 2. 卖家接单APP 3. 单子后台调度Web应用 4. 骑手 ...
Android进阶之使用第三方平台ShareSDK实现新浪微博的一键分享功能
http://www.it165.net/pro/html/201402/9510.html http://www.it165.net/pro/html/201402/9510.html http:/ ...
python找水仙花数_Python一句代码实现找出所有水仙花数的方法
水仙花数是指一个 3位正整数,它的每个位上的数字的 3 次幂之和等于它本身.(例如:1^3 + 5^3+ 3^3 = 153) 下面用一句代码实现找出所有的水仙花数: 方法一: >>> ...
react native一键分享功能实现amp;原理和注意点（支持微信、qq、新浪微博等）
前言目前使用一键分享比较主流的两个SDK:ShareSDK.友盟: 又因为友盟功能比较多且比较全,比如说友盟统计.友盟推送等,所以本文重点介绍的是友盟分享功能在rn上的应用以及要注意的点. reac ...
iOS截屏后仿今日头条实现一键分享
实现如上图效果 1,监听截图产生事件 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(userDid ...
python统计水仙花数个数_Python一句代码实现找出所有水仙花数的方法
水仙花数是指一个 3位正整数,它的每个位上的数字的 3 次幂之和等于它本身.(例如:1^3 + 5^3+ 3^3 = 153) 下面用一句代码实现找出所有的水仙花数: 方法一: >>> ...

SEO那些事：一句代码一键分享网站

SEO那些事：一句代码一键分享网站相关推荐

最新文章

热门文章