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

我是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 噢～我有空了会分享做游戏的相关技术。