乐趣区

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

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

退出移动版