常用的国外网站分享推过,Facebook、twitter、google、pinterest这四种社交平台最常见,下面就简单介绍一下分享的方法。

  首先,必须使用分享插件,share.js

  这有两种分享文件:1、关于Facebook、twitter、google、pinterest四种分享方法, 简洁版,容量小

            

            补充说明: 如果是针对国外网站,第三方免费分享插件addthis,涵盖了国外绝大部分主流社交平台,可自定义样式图片,并且还自带数据收集分享的后台控制平台。

           2、jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等,集合多种分享

            

  本文主要讲解第一种分享插件, 第二种顺带说一下

  下载好第一个share.min.js插件后,使用方法如下:

  

 1. 在HTML中先写好标签,如下

 导入share.min.js

 

PS: 每个分享的图片是自己根据设计图纸自定义的。

在js文件中, (作者使用了jquery)

 

<meta property="og:type" content="product" />
<meta property="og:url" content="www.baibu.com"/>
<meta property="og:image" content="https://github.com/chenpenggood/share.js/blob/master/readImg/share.png?raw=true" />
<meta property="og:description" content="this is share tool" />
<meta property="og:site_name" content="share web" />

<!-- <meta property="fb:app_id" content="100924140245002" /> 
 <meta property="fb:admins" content="100004662303870" /> -->

  

第二种分享插件使用方法: 

   1. HTML中导入share.min.css 和 share.min.js

  

展示所有配置可选, 通常默认就满足需求,不需在重新配置:(记得导入jquery)

 

介绍完毕