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>
5640239-8c05a1dde8cea03f.jpg
图片发自简书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

5640239-da525c2bea804868.jpg
图片发自简书App

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

5640239-5286c357b988f27f.jpg
图片发自简书App
posted @ 2017-12-01 09:32  前端视听  阅读(109)  评论(0编辑  收藏  举报