Hexo博客添加关注微信导流

发表于 更新于 分类于 ， 阅读次数： 阅读次数： Changyan： 本文字数： 870 阅读时长 ≈ 3 分钟

该工具的主要功能是通过隐藏文章的部分内容，引导用户关注您的微信公众号，并回复相关关键词之后，获取解锁链接，以现在用户从网站到公众号的导流。Hexo博客接入该功能有两种方式。

注册账号

  • 注册：http://admin.openwrite.cn/open in new window

  • 登录：https://readmore.openwrite.cn/loginopen in new window， 用上面注册账号（通用，后续会合并到一个后台）

​​

通过添加博客列表，根据提示填写你的信息，生成对应的使用指南。如下：

公众号设置

登录微信公众号，设置关键词回复：

  • 文本

1
<a href="https://readmore.openwrite.cn/code/generate?blogId=33502-1730425843713-524">点击该链接，获取博客解锁验证码</a>

通用接入方式

博客的文章页面的末尾，增加如下js代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script src="https://readmore.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
    const btw = new BTWPlugin();
    btw.init({
        id: 'container',
        blogId: '33502-173dfdadfa-524',
        name: '虫子的生存笔记',
        qrcode: 'https://leaf-miner.pages.dev/image/%E5%85%AC%E4%BC%97%E5%8F%B7.png',
        keyword: 'more',
        btnText: '关注后阅读全文',
        cookieAge: 1, //验证后的过期时间（单位：小时）
        displayPercentage: 0.5 //显示文章内容的百分比
    });
</script>

在Hexo博客Next主题中接入

在\node_modules\hexo-theme-next\layout\_macro\post.njk​文件中加入之前生成的js代码。自媒体 - 渠道管理

​​

使文章选择性加入该功能，通过下面的代码，在文章markdown文件的题头里加入 readmore: true​ 以后，才会隐藏内容。

1
2
3
4
5
6
7
8
9
10
11
12
13
<% if (item.readmore) { %>
<script src="https://readmore.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
    const btw = new BTWPlugin();
    btw.init({
        id: 'container',
        blogId: '33502-1730425843713-524',
        name: '虫子的生存笔记',
        qrcode: 'https://leaf-miner.pages.dev/image/%E5%85%AC%E4%BC%97%E5%8F%B7.png',
        keyword: 'more',
    });
</script>
<% } %>

Hexo博客Next主题–使用插件hexo-plugin-readmore

安装插件

插件链接：hexo-plugin-readmore

Hexo 整合 OpenWrite 平台的 readmore 插件,实现博客的每一篇文章自动增加阅读更多效果,关注公众号后方可解锁全站文章,从而实现博客流量导流到微信公众号粉丝目的.

运行 npm install​ 命令安装到本地hexo博客目录，通过hexo g&&hexo d​部署到网站

1
$ npm install hexo-plugin-readmore --save

更新博客配置文件 _config.yml​

在 _config.yml​ 配置文件中,配置 readmore​ 插件相关信息,详情见 OpenWrite 微信公众号增长神器 "ReadMore" 简介.

1
2
3
4
5
6
7
plugins:
  readmore:
    blogId: 15702-1569305559839-744 # [必选]OpenWrite 后台申请的博客唯一标识
    name: 雪之梦技术驿站 # [必选]OpenWrite 后台申请的博客名称
    qrcode: https://snowdreams1006.github.io/snowdreams1006-wechat-public.jpeg
    # [必选]OpenWrite 后台申请的微信公众号二维码
    keyword: vip # [必选]OpenWrite 后台申请的微信公众号后台回复关键字

要替换成自己的相关配置!

其中,配置参数含义如下:

  • ​blogId​ : [必选]OpenWrite 后台申请的博客唯一标识

  • ​name​ : [必选]OpenWrite 后台申请的博客名称

  • ​qrcode​ : [必选]OpenWrite 后台申请的微信公众号二维码

  • ​keyword​ : [必选]OpenWrite 后台申请的微信公众号后台回复关键字

参考

  1. 自媒体 - 增长工具 - 博客导流公众号

  2. 博客导流公众号 | OpenWrite

  3. Hexo 博客快速整合公众号导流工具,不用互推也能实现粉丝躺增! - 雪之梦技术驿站 - 博客园

  4. Hexo博客整合 | OpenWrite

  5. Hexo利用阅读更多的功能引流到微信公众号 | GSGUNDAM砍柴工