持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情
掘金创作者的困惑
作为掘金创作者，一定想知道：什么标题才是好标题？什么标题才能吸引读者注意？
Data can speak
让我们用数据说话：打开「创作者中心」的「内容数据」，里面有「数据趋势」-「单篇分析」。网址是 juejin.cn/creator/dat…
我们可以看到自己的所有文章的展现数、阅读数、点赞数、评论数、收藏数。
其中「展现数」是掘金给你推荐流量，推荐到读者文章列表中的次数，这个时候读者通过掘金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)+'%';
}
复制代码注：掘金可能会改版，你直接保存代码以后可能就不能用了。建议你收藏文章，如果掘金改版，我会同步更新文章和代码！保证文章里的代码永远可用！
写在最后
这是我新的专栏：《JS真好玩》，将教你用JS实现一些有趣的东西。JS可以直接在浏览器运行，不需要配运行环境，所以不管你是后端还是前端、不管你会不会写代码，都可以很方便的跟我学习用JS做好玩儿的事情。欢迎关注噢～
我是HullQin，独立开发了联机桌游合集，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋、UNO等游戏，绝不收费，绝无广告，点这就能开始玩。喜欢可以关注我噢～我有空了会分享做游戏的相关技术。