pzg's blog

wordpress(网页)实现分享到微信朋友圈

function WeiXinShareBtn() {
if (typeof WeixinJSBridge == “undefined”) {
alert(“自定义文字,提示给访客的 “);
} else {
WeixinJSBridge.invoke('shareTimeline', {
“title”: “<?php echo trim(wp_title(”,0)); ?>”, //获取文章标题
“link”: “<?php $current_url = home_url(add_query_arg(array())); ?> “, //获取文章地址
“desc”: ” <?php $key=”description”; echo get_post_meta($post->ID, $key, true); ?> “,//获取文章再要摘要
“img_url”: “<?php echo catch_that_image() ?>” //获取文章第一张图片
});
}
}

需要把下面的代码放在functions.php中

//获取第一张图片
function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\’”]([^\’”]+)[\’”].*>/i’, $post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image
$first_img = “http://www.aips.me/wp-content/uploads/2013/05/weixin.jpg”;
}
return $first_img;
}

 

 

如何在网页中添加“分享到朋友圈”按钮
自从微信推出公众平台并允许分享文章到朋友圈之后,我看到有越来越多的朋友分享文章到朋友圈。

受冷笑话精选网站的启发,我们给 36 氪网站的移动版上加了 “分享到微信朋友圈” 按钮,在微信的内置浏览器中点击后可以一键分享,而不必点浏览器右上角的功能菜单再选择分享。
由于目前微信并没有提供这个按钮的官方支持,很多人问我们这个按钮是如何实现的,其实很简单,我们把我们实现的方法分享给大家,希望对那些想在网页端加这个按钮的人有所帮助。

下面是代码(相关参数请自行修改):

function WeiXinShareBtn () {
if (typeof WeixinJSBridge == “undefined”) {
alert (“请先通过微信搜索 wow36kr 添加 36 氪为好友,通过微信分享文章 🙂 “);
} else {
WeixinJSBridge.invoke (‘shareTimeline’, {
“title”: “36 氪”,
“link”: “http://www.36kr.com”,
“desc”: “关注互联网创业”,
“img_url”: “http://www.36kr.com/assets/images/apple-touch-icon.png”
});
}
}
值得注意的是,这个按钮如果不是在微信内置浏览器中打开,点击后是没办法分享的。但是可以设置一个小弹窗,比如我们的弹窗是这样设计的:

如何在网页中添加“分享到朋友圈”按钮

《“wordpress(网页)实现分享到微信朋友圈”》 有 1 条评论

发表回复

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