[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 噢~我有空了会分享做游戏的相关技术。
[JS真好玩] 掘金创作者必备: 用一行JS查看所有文章的转化率,让你知道什么标题才是好标题相关推荐
- 掘金 AMA:听 Vue.js 作者--尤雨溪谈 Vue.js 独立开发 设计那些事
第七期 沸点,掘金团队请来了Vue.js 的作者,全职独立开源开发者尤雨溪做了为期三天的 Ask Me Anything (AMA) 活动(已结束). 我们在此精选了一些来自用户的提问及尤小右(尤雨溪 ...
- 【Canvas真好玩】从黑客帝国开始
前言 笔者之前有一段时间一直在学习Canvas相关的技术知识点,通过参考网上的一些资料文章,学着利用简单的数学和物理知识点实现了一些比较有趣的动画效果,最近刚好翻看到以前的代码,所以这次将这些代码实践 ...
- 一行js代码识别Selenium+Webdriver及其应对方案
有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver,以为这样就能做到不被网站的反爬虫机制发现. 先不说淘宝这种基于用户行为的反爬虫策略,仅仅是一个普通的小网站,使用一行 ...
- 淘宝的人工封IP技术真好玩
哈哈,封IP好像也有上下班的,以前早就听说他们人工看程序过滤的日志,没想到真的是这样啊,好像下班时间随便攻击,真好玩! 转载于:https://www.cnblogs.com/caocao/archi ...
- 一行js代码识别Selenium+Webdriver及其应对方案 1
有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver,以为这样就能做到不被网站的反爬虫机制发现. 先不说淘宝这种基于用户行为的反爬虫策略,仅仅是一个普通的小网站,使用一行 ...
- c语言logo,真好玩 C语言输出Yahoo动态logo
真好玩 C语言输出Yahoo动态logo 发布时间:2020-06-21 14:28:27 来源:51CTO 阅读:955 作者:990487026 先上图,看效果: 源代码 chunli@linux ...
- vue项目 一行js代码搞定点击图片放大缩小
一行js代码搞定xue项目需要点击图片放大缩小,其实主要用的是用到了vue:class的动态切换,内容比较简单.一开始我把维护的需求想得太复杂了,和测试小姐姐聊了一下才反应过来. 两个月不到跟了四个项 ...
- 从敲下一行JS代码到这行代码被执行,中间发生了什么?
前言 我们每天都在写JS,你是否想过,计算机是怎么识别你的这一行代码,并且执行相应指令?本篇文章为你讲述从敲下一行JS代码到这行代码可以被执行算出正确的结果,都经历了什么. 编译 学过计算器基础的,即 ...
- dk编程真好玩 python_皮皮学编程(1):从Scratch到Python
背景 作为一名资深程序员,深深地相信编程不只是为了工作,而是能真正的塑造一个完美的虚拟世界.在虚拟的世界中,你可以发挥你天马行空般的想象力,很少有功能能经常体验到"创造世界"一样的 ...
最新文章
- Go 开发关键技术指南 | 为什么你要选择 GO?(内含超全知识大图)
- 配置SSH非管理员用户登录
- python 计算器 tkinter_python -Tkinter 实现一个小计算器功能
- c语言定义一个strcmp函数,定义一个strcmp函数实现两个字符串比较,函数原型为int strcmp(char * p1,...
- 利用matlab自带函数快速提取二值图像的图像边缘 bwperim函数
- 两款工控控件对比评测:Iocomp和ProEssentials
- 主成分分析(PCA)实现代码
- Android查看appPackage和Activity的多种方法
- 笔记之_Java整理IO流
- Android textwatcher监听文本框输入变化
- Linux终端默认配色方案
- Emlog模板 简洁大气留白风格源码资源站
- python小学生编程小游戏打地鼠turtle
- c语言中错误function,c语言中function的使用
- 群辉Docker删除应用日志
- 批量替换文本中的多组字符串
- 【洛谷 P1651】 塔 (差值DP)
- 负数的二进制与十进制转化
- 云端卫士实战录 | OFTest 的安装和使用
- html中像素是什么,像素是什么