我是HullQin,公众号线下聚会游戏的作者(欢迎关注公众号,发送加微信,交个朋友),转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏,不收费没广告。还开发了《Dice Crush》参加Game Jam 2022。喜欢可以关注我 HullQin 噢~我有空了会分享做游戏的相关技术。

掘金创作者的困惑

作为掘金创作者,一定想知道:什么标题才是好标题?什么标题才能吸引读者注意?

Data can speak

让我们用数据说话:打开「创作者中心」的「内容数据」,里面有「数据趋势」-「单篇分析」。网址是 https://juejin.cn/creator/data/content/article/single

我们可以看到自己的所有文章的展现数、阅读数、点赞数、评论数、收藏数。

其中「展现数」是掘金给你推荐流量,推荐到读者文章列表中的次数,这个时候读者通过掘金APP或web端看到了你的标题,以及摘要(的一部分)。如果用户感兴趣,他就会点开你的文章,点开文章后,文章的「阅读数」就会增加1。

所以,「阅读数」除以「展现数」就是你文章的「展现-阅读转化率」。

如果你文章的「展现-阅读转化率」高,说明用户点进来的概率高,说明标题好,读者喜欢。反之,对你标题感兴趣的读者并不多。

当然这里「展现-阅读转化率」只是近似值,因为你的文章可能是外网引流进来的,这个时候只能统计到「阅读数」,无法统计到「展现数」。

什么是外网引流?

  • 比如你的文章标题起的很好,开发者通过Google搜索,就搜到了你的文章,并很感兴趣,就直接点进来了。
  • 比如你在你朋友圈、微信群分享了你的文章,你的朋友通过微信点开了你的文章。

等等情况,只要读者不是从掘金内点开你的文章,都属于是外网引流。

外网引流往往有这样的规律:发表几个星期后数据才比较明显,有的非常高,有的相对低。如果有文章「展现-阅读转化率」特别高的,说明你的文章标题起的不错,大家通过Google就搜到并且点开了。如果「展现-阅读转化率」没有特别高,说明外网引流效果不显著(当然,但这并不表明你标题不好,可能是大家搜索该关键词的频率本来就很低)。

如何计算「展现-阅读转化率」?

你打开「数据趋势」-「单篇分析」后,会发现只有展现数、阅读数,所谓的「展现-阅读转化率」掘金并没有帮你计算出来。我们只能自己计算了。

当然,你可以手动复制表格到excel,增加一列来计算。

但是,作为前端开发者,觉得excel还是太麻烦了。我可以用一行代码,完成计算,并展示到表格上!

代码如下

for (let line of document.getElementsByTagName('table')[0].getElementsByTagName('tbody')[0].children) line.children[3].children[0].innerText = (Number(line.children[3].children[0].innerText) * 100 / Number(line.children[2].children[0].innerText)).toFixed(2)+'%';

使用方法

打开「创作者中心」的「内容数据」,点开「数据趋势」-「单篇分析」,你可以直接点这里进入。

出现如下图所示的界面:

然后按F12,打开浏览器的「开发者工具」(不同浏览器的打开方式可能不同,大多数浏览器是按F12)。打开Console(调试)面板,复制上面的代码,粘贴在这里,再按回车键。如下图:

然后,「阅读数」那一列,就变成了百分比。也就是说,你可以直观的看出每篇文章的「展现-阅读转化率」了!

快去试试吧!看看你哪篇文章的转化率最高?然后你就知道,文章该用什么标题了!

引申:计算点赞率/评论率/收藏率

当我们学会了计算「展现-阅读转化率」,那么「阅读-点赞转化率」、「阅读-评论转化率」、「阅读-收藏转化率」也是可以轻松计算出来的。

请直接拿走代码,不客气!点个赞和收藏,方便你下次拿来即用噢!

下面的代码,会一次性计算本页所有文章的「阅读-点赞转化率」、「阅读-评论转化率」、「阅读-收藏转化率」、「展现-阅读转化率」。(运行前,如果你已经计算过了「展现-阅读转化率」,需要刷新一下网页)

const table = document.getElementsByTagName('table')[0];
const tbody = table.getElementsByTagName('tbody')[0];
for (let line of tbody.children) {const click = Number(line.children[3].children[0].innerText);const show = Number(line.children[2].children[0].innerText);const like = Number(line.children[4].children[0].innerText);const comment = Number(line.children[5].children[0].innerText);const star = Number(line.children[6].children[0].innerText);line.children[4].children[0].innerText = (like * 100 / click).toFixed(2)+'%';line.children[5].children[0].innerText = (comment * 100 / click).toFixed(2)+'%';line.children[6].children[0].innerText = (star * 100 / click).toFixed(2)+'%';line.children[3].children[0].innerText = (click * 100 / show).toFixed(2)+'%';
}

注:掘金可能会改版,你直接保存代码以后可能就不能用了。建议你收藏文章,如果掘金改版,我会同步更新文章和代码!保证文章里的代码永远可用!

写在最后

我是HullQin,公众号线下聚会游戏的作者(欢迎关注公众号,发送加微信,交个朋友),转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏,不收费没广告。还开发了《Dice Crush》参加Game Jam 2022。喜欢可以关注我 HullQin 噢~我有空了会分享做游戏的相关技术。

[JS真好玩] 掘金创作者必备: 用一行JS查看所有文章的转化率,让你知道什么标题才是好标题相关推荐

  1. 掘金 AMA:听 Vue.js 作者--尤雨溪谈 Vue.js 独立开发 设计那些事

    第七期 沸点,掘金团队请来了Vue.js 的作者,全职独立开源开发者尤雨溪做了为期三天的 Ask Me Anything (AMA) 活动(已结束). 我们在此精选了一些来自用户的提问及尤小右(尤雨溪 ...

  2. 【Canvas真好玩】从黑客帝国开始

    前言 笔者之前有一段时间一直在学习Canvas相关的技术知识点,通过参考网上的一些资料文章,学着利用简单的数学和物理知识点实现了一些比较有趣的动画效果,最近刚好翻看到以前的代码,所以这次将这些代码实践 ...

  3. 一行js代码识别Selenium+Webdriver及其应对方案

    有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver,以为这样就能做到不被网站的反爬虫机制发现. 先不说淘宝这种基于用户行为的反爬虫策略,仅仅是一个普通的小网站,使用一行 ...

  4. 淘宝的人工封IP技术真好玩

    哈哈,封IP好像也有上下班的,以前早就听说他们人工看程序过滤的日志,没想到真的是这样啊,好像下班时间随便攻击,真好玩! 转载于:https://www.cnblogs.com/caocao/archi ...

  5. 一行js代码识别Selenium+Webdriver及其应对方案 1

    有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver,以为这样就能做到不被网站的反爬虫机制发现. 先不说淘宝这种基于用户行为的反爬虫策略,仅仅是一个普通的小网站,使用一行 ...

  6. c语言logo,真好玩 C语言输出Yahoo动态logo

    真好玩 C语言输出Yahoo动态logo 发布时间:2020-06-21 14:28:27 来源:51CTO 阅读:955 作者:990487026 先上图,看效果: 源代码 chunli@linux ...

  7. vue项目 一行js代码搞定点击图片放大缩小

    一行js代码搞定xue项目需要点击图片放大缩小,其实主要用的是用到了vue:class的动态切换,内容比较简单.一开始我把维护的需求想得太复杂了,和测试小姐姐聊了一下才反应过来. 两个月不到跟了四个项 ...

  8. 从敲下一行JS代码到这行代码被执行,中间发生了什么?

    前言 我们每天都在写JS,你是否想过,计算机是怎么识别你的这一行代码,并且执行相应指令?本篇文章为你讲述从敲下一行JS代码到这行代码可以被执行算出正确的结果,都经历了什么. 编译 学过计算器基础的,即 ...

  9. dk编程真好玩 python_皮皮学编程(1):从Scratch到Python

    背景 作为一名资深程序员,深深地相信编程不只是为了工作,而是能真正的塑造一个完美的虚拟世界.在虚拟的世界中,你可以发挥你天马行空般的想象力,很少有功能能经常体验到"创造世界"一样的 ...

最新文章

  1. python中sorted函数逆序_Python中sorted函数的用法(转)
  2. vue seo关键词设置_网站SEO常用优化技巧
  3. 吐血整理:24种可视化图表优缺点对比,一图看懂!
  4. SGU 113 Nearly prime numbers
  5. python画图程序有图-python画图程序
  6. 将服务端移植到Linux和MAC OS
  7. GIT项目管理工具(part5)--查看commit 日志记录
  8. 深圳本地网店代运营公司
  9. 没有bug队——加贝——Python 43,44
  10. 【Arthas】Arthas classloader类加载器
  11. r语言t检验输出检验统计量_如何进行统计分析
  12. 使用ps制作旧羊皮纸
  13. numpy与scipy安装
  14. Easyui datagrid数据清空
  15. EV SSL证书和其证书品牌
  16. UMail轻松搭建linux邮件服务器(一体盘安装)
  17. 数据可视化实验-茎叶图
  18. 打爆一排气球arr,你能获得的最大分数是多少?
  19. 【转】C++多继承的细节
  20. 谷歌PR权重 Google PR与百度权重

热门文章

  1. [2011-3-20]开篇点题
  2. 无聊就来整活—Python自制小鸟管道游戏【含完整代码】
  3. 宝塔开启root_宝塔面板 安装步骤
  4. win10蓝屏 你的电脑遇到问题 需要重新启动 自动修复无限重启 终止代码:BAD_POOL_CALLER
  5. 智能家居创意DIY-智能触摸面板开关
  6. 小米公司七位创始人简介
  7. 经典蓝牙Sniff Mode
  8. R水文包--结果评价_气候变化指数分析
  9. 看过的觉得还算可以的网络小说
  10. linux以长格式显示文件名,linux怎样以长格式显示用户目录下所有文件