大多数站长其实比较喜欢在自己的页面上悬浮显示自己的公众号二维码,我其实一直对这种行为非常排斥。因为二维码这种东西在我看来并不好看。即使你做了美化,那结果其实就是屎上雕花而已。所以我从一开始设计关注公众号挂件时,就避免用户直接看到二维码。

那么如何才能显示二维码呢?一般来说,要么是通过鼠标hover悬浮,要么通过跳转。悬浮显示二维码很常见,但是对于移动端的适配很不友好。毕竟手机端根本没悬浮嘛。做兼容性做成点击也可以,就是麻烦。跳转可以说是最简单最容易生成的方法了。

之前是直接跳转一个二维码图片url,后来感觉这个方式太不优雅了,于是写了一个简单的html单页用来展示公众号关注二维码。

效果预览

预览网站

效果预览

就是非常简单的一个单页面,方便展示二维码。你可以通过修改代码和图片自定义你想要的信息。

开源仓库

Wechat-Official-Account-Web