在一些主流的网站都会在页面中的适当位置添加分享链接,有一点裂变的味道,可以极大的提升你的网站曝光率,分享下怎么添加QQ、微博、Twitter、Facebook的社交分享链接

当访客看到一篇不错的文章,自然而然的就想收藏或是转发出去,这样一来,就有一点裂变的味道,可以极大的提升你的网站曝光率,如你所见,在一些主流的网站都会在页面中的适当位置添加分享链接。这一节的wordpress开发教程就和大家分享下,怎么添加QQ、微博、Twitter、Facebook的社交分享链接。

原理分析:

各大平台都有提供指定格式,根据格式传递参数即可

有哪些格式?

常用:

1.分享到QQ空间接口

  1. https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息

2.分享给QQ好友接口

  1. http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述

3.分享到新浪微博接口

  1. http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key,需要在新浪微博开放平台中申请

其他:

  1. <ul>
  2.  <li><a title="新浪微博" rel="nofollow" href="http://v.t.sina.com.cn/share/share.php?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="新浪微博"src="http://www.cngump.com/images/bookmark/sina.png" alt="新浪微博" /></a></li>
  3.  <li><a title="腾讯微博" rel="nofollow" target="_blank" href="javascript:window.open('http://v.t.qq.com/share/share.php?title='+'<?php echo $title; ?>'+encodeURIComponent(document.title)+'&url='+encodeURIComponent('<?php echo $permalink; ?>')+'&jumpback=2&noui=1','favit','width=700,height=546,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)" >
  4.  <img title="腾讯微博" src="http://www.cngump.com/images/bookmark/tqq.png" alt="腾讯微博"/>
  5.  </a></li>
  6.  <li><a title="网易微博" rel="nofollow" href="http://t.163.com/share/popup?sourceUrl=<?php echo $domainurl; ?>&source=<?php echo $sitename; ?>&title=<?php echo $title; ?>&link=%20<?php echo $permalink; ?>&content=utf-8" target="_blank"><img title="网易微博"src="http://www.cngump.com/images/bookmark/t163.png" alt="网易微博" /></a></li>
  7.  <li><a title="鲜果" rel="nofollow" href="http://www.xianguo.com/service/submitdigg/?link=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="鲜果"src="http://www.cngump.com/images/bookmark/xianguo.png" alt="鲜果" /></a></li>
  8.  <li><a title="九点" rel="nofollow" href="http://www.douban.com/recommend/?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&n=1" target="_blank"><img title="九点"src="http://www.cngump.com/images/bookmark/douban9.png" alt="九点" /></a></li>
  9.  <li><a title="人人" rel="nofollow" href="http://share.renren.com/share/buttonshare.do?link=<?php echo $permalink; ?>&title=<?php echo $title; ?>" target="_blank"><imgtitle="人人" src="http://www.cngump.com/images/bookmark/renren.png" alt="人人" /></a></li>
  10.  <li><a title="抽屉" rel="nofollow" href="http://dig.chouti.com/digg.action?newsURL=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><imgtitle="抽屉" src="http://www.cngump.com/images/bookmark/chouti.png" alt="抽屉" /></a></li>
  11.  <li><a title="百度搜藏" rel="nofollow" href="http://cang.baidu.com/do/add?it=<?php echo $title; ?>&iu=<?php echo $permalink; ?>" target="_blank"><img title="百度搜藏"src="http://www.cngump.com/images/bookmark/baidu.png" alt="百度搜藏" /></a></li>
  12.  <li><a title="Follow5" rel="nofollow" href="http://www.follow5.com/f5/discuz/sharelogin.jsp?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="Follow5"src="http://www.cngump.com/images/bookmark/f5.png" alt="Follow5" /></a></li>
  13.  <li><a title="Twitter" rel="nofollow" href="http://twitter.com/home?status=<?php echo $title; ?>%20-%20<?php echo $permalink; ?>" target="_blank"><img title="Twitter"src="http://www.cngump.com/images/bookmark/twitter.png" alt="Twitter" /></a></li>
  14.  <li><a title="Facebook" rel="nofollow" href="http://www.facebook.com/share.php?u=<?php echo $permalink; ?>&t=<?php echo $title; ?>" target="_blank"><img title="Facebook"src="http://www.cngump.com/images/bookmark/facebook.png" alt="Facebook" /></a></li>
  15. </ul>

以上内容仅供参考。

实际结合:

结合实际分析,我选取了以下几个主流平台来进行选取:QQ空间、QQ好友、新浪微博、Twitter、Facebook。

需要注意的是,下面提供的方法仅供参考演示,不能直接使用。注意图片防盗链。

方法:

  1. <?php
  2. //社交分享
  3. if ( ! function_exists( 'npcink_post_share' ) ) :
  4. function npcink_post_share() {
  5. //获取当前页面链接
  6. $share_permalink = "https://www.npc.ink/15839.html";
  7. //当前页面标题
  8. $share_title = "我是Npcink的页面标题";
  9. //当前页面分享图片
  10. $share_img = "互联网图片URL";
  11. //当前页面的描述信息
  12. $share_describe = "我是一段Npcink的简单描述";
  13. //当前页面的分享简述(QQ好友)
  14. $share_briefly_describe = "我是一段分享Npcink优质内容的简述,仅用在QQ好友中";
  15. ?>
  16. <a title="QQ空间" rel="nofollow" target="_blank" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=<?php echo $share_permalink; ?>&sharesource=qzone&title=<?php echo $share_title; ?>&pics=<?php echo $share_img; ?>&summary=<?php echo $share_describe; ?>" >QQ空间</a>
  17. <a title="QQ好友" rel="nofollow" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=<?php echo $share_permalink; ?>&sharesource=qzone&title=<?php echo $share_title; ?>&pics=<?php echo $share_img;?>&summary=<?php echo $share_describe;?>&desc=<?php echo $share_briefly_describe;?>">QQ好友</a>
  18. <a title="新浪微博" rel="nofollow" target="_blank" href="http://v.t.sina.com.cn/share/share.php?url=<?php echo $share_permalink; ?>&title=给你推荐一个很棒的网站:<?php echo $share_title; ?> -&content=utf-8">微博</i></a>
  19. <a title="Twitter" rel="nofollow" target="_blank" href="https://twitter.com/intent/tweet?text=给你推荐一个很棒的网站:<?php echo $share_title; ?> -&url=<?php echo $share_permalink; ?>">Twitter</a>
  20. <a title="Facebook" rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=<?php echo $share_permalink; ?>&t=<?php echo $share_title; ?>">Facebook</i></a>
  21. <?php
  22. }
  23. endif;

调用:

  1. <?php npcink_post_share(); //社交分享?>

实际效果:

怎么添加QQ、微博、Twitter、Facebook的社交分享链接? - wordpress开发-Npcink
facebook

补充:

微博还有一个:

  1. <a title="新浪微博" rel="nofollow" target="_blank" href="http://service.weibo.com/share/share.php?url=<?php echo $share_permalink; ?>&sharesource=weibo&title=给你推荐一个很棒的网站:<?php echo $share_title; ?> -&pic=<?php echo $share_img; ?>">微博(来自互联网)</i></a>
怎么添加QQ、微博、Twitter、Facebook的社交分享链接? - wordpress开发-Npcink
微博2

关于Facebook的分享中,请查阅:

社交平台是会抓取目标页面的代码(注意是服务器返回的html代码,由js操作后的html它们是抓不到的),
然后对html中的<title/><meta/>标签进行分析。一般来说<title/>会作为要分享的标题,<meta name="description" content="">会作为分享的正文。这是最基本的两个抓取点。

怎么添加QQ、微博、Twitter、Facebook的社交分享链接? - wordpress开发-Npcink

怎么添加QQ、微博、Twitter、Facebook的社交分享链接? - wordpress开发-Npcink

web怎么将动态内容分享到Facebook,Twitter等社交平台?

实战

以上内容为原理分析,在实际运用中可参考下列代码:

请将下面的代码放在您主题的function.php里面即可,无需任何其它设置。

  1. <?php
  2. /* QQ H5 Card posts
  3. /*-----------------------------------------------------------------------------------*/
  4. add_action('wp_enqueue_scripts', 'ieoptimize_qq_register', 10, 5);
  5. function ieoptimize_qq_register() {
  6.  if( is_singular()) ieoptimize_qq_data();
  7. }
  8. function ieoptimize_qq_data() {
  9. global $post ;
  10.  $qqh5_title = strip_shortcodes(strip_tags(( get_the_title() ))) .' - '.get_bloginfo('name') ;
  11. $qqh5_description = strip_tags(strip_shortcodes( apply_filters('ie_exclude_content',$post->post_content) ) );
  12. $qqh5_image_data = wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ) );
  13.  if( is_home() || is_front_page() ){
  14. $qqh5_title = get_bloginfo('name');
  15. $qqh5_description = get_bloginfo( 'description' );
  16.  }
  17. ?>
  18. <meta itemprop="name" content="<?php echo $qqh5_title ?>">
  19. <meta itemprop="description" content="<?php echo wp_html_excerpt( $qqh5_description ,100 ) ?>">
  20. <meta itemprop="image" content="<?php echo $qqh5_image_data ?>">
  21. <?php
  22. }

搞这么些花里胡哨的,弄个二维码,让访客在自己的手机上访问然后分享就好啦。

现在起,让您的站点焕然一新

日主题FheRf子主题,一次购买 永久使用

如果点击咨询购买按钮无法唤起QQ,请手动添加QQ1156488585(请注明主题咨询)

发表评论

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

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源