Jiathis官网JiaThis博客 | 专注于社会化插件!

三/14

20

如何在微信公众账号中实现社会化评论功能?

由于微信为防止恶意骚扰对用户造成的困扰,关闭了图文跳转站外链接的接口。下面介绍一个在不借助第三方工具的情况下,在微信中实现社会化评论的方法:

安装步骤:

1. 制作带有友言社会化评论框的网站页面,在移动设备端(手机、平板电脑等)的浏览器中打开此页面,友言评论框会自动适配浏览器尺寸:

范例代码:

<!DOCTYPE html>

<html>

<head>

<title>您的标题</title>

<meta charset=”utf-8″>

<meta name=”viewport” content=”width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;”>

<meta name=”apple-mobile-web-app-capable” content=”yes”>

<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>

<meta name=”format-detection” content=”telephone=no”>

</head>

<body>

<div>

<p>文章标题</p>

<div style=”word-wrap: break-word;”>此处为文章内容</div>

</div>

<div>

<p>评论一下</p>

<!– UY START –>

<div id=”uyan_frame”></div>

<script type=”text/javascript” src=”http://v2.uyan.cc/code/uyan.js?uid=”></script>

<!– UY END –>

</div>

</body>

</html>

2. 登陆微信公众平台,编辑群发信息,在“原文链接”中添加“安装步骤1“中制作完成的页面链接。


3. 编辑完成后,发布信息。
实现效果:

1. 点击阅读全文:

2. 进入文章后,点击阅读原文:

3.  跳转“安装步骤1“中制作完成的带有友言评论框的页面中:

下面,来测试一下适配情况,以及各项功能是否正常:

1. 使用社交账号登陆:

2. 发布评论并同步至微博

3. 登陆微博,查看是否同步成功

测试表明,友言在微信中功能没有缺失,尺寸适配比较合适,目前还没有检测出异常情况。


No tags

<<

>>

Theme Design by devolux.nh2.me