乐趣区

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

jiezi

我是 HullQin，公众号 线下团聚游戏 的作者（欢送关注公众号，发送加微信，交个敌人），转发本文前需取得作者 HullQin 受权。我独立开发了《联机桌游合集》，是个网页，能够很不便的跟敌人联机玩斗地主、五子棋等游戏，不免费没广告。还开发了《Dice Crush》加入 Game Jam 2022。喜爱能够关注我 HullQin 噢～我有空了会分享做游戏的相干技术。

掘金创作者的困惑

作为掘金创作者，肯定想晓得：什么题目才是好题目？什么题目能力吸引读者留神？

Data can speak

让咱们用数据谈话：关上「创作者核心」的「内容数据」，外面有「数据趋势」-「单篇剖析」。网址是 https://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)+'%';
}

注：掘金可能会改版，你间接保留代码当前可能就不能用了。倡议你珍藏文章，如果掘金改版，我会同步更新文章和代码！保障文章里的代码永远可用！

写在最初

我是 HullQin，公众号 线下团聚游戏 的作者（欢送关注公众号，发送加微信，交个敌人），转发本文前需取得作者 HullQin 受权。我独立开发了《联机桌游合集》，是个网页，能够很不便的跟敌人联机玩斗地主、五子棋等游戏，不免费没广告。还开发了《Dice Crush》加入 Game Jam 2022。喜爱能够关注我 HullQin 噢～我有空了会分享做游戏的相干技术。

退出移动版