一行代码、无需注册、纯前端计算。适合 HR 招聘页、财税博客、职场公众号与校园就业网——访客输入月薪当场看到五险一金、个税与到手金额。
数据来自本站商品页公开信息整理，仅供选购参考。
把下面代码粘贴到你的 HTML 里（放在希望显示计算器的位置）。WordPress 可用「自定义 HTML」区块，公众号图文可先放到自建页面再引用。
<div id="shuzi-salary-calc" data-city="beijing" data-salary="10000"></div>
<script src="https://shuzishuniu.com/assets/js/embed-salary-calc.js" defer></script>不写 data-city 时默认北京；不写 data-salary 时默认 10000 元。访客仍可在组件内自由修改。
<div id="shuzi-salary-calc" data-city="shanghai" data-salary="20000"></div>
<script src="https://shuzishuniu.com/assets/js/embed-salary-calc.js" defer></script>| 参数 | 可选值 | 说明 |
|---|---|---|
data-city | beijing / shanghai / guangzhou / shenzhen / hangzhou | 决定社保比例、公积金比例与 2026 年缴费基数上下限 |
data-salary | 任意非负整数 | 初始月薪，访客可改 |
id | shuzi-salary-calc | 同一页面放多个组件时，改用 data-shuzi-salary-calc 属性标记 |
defer 异步加载，不阻塞首屏。不收费、不需要 Key、不限次数。我们保留在未来调整数据口径的权利，但不会对已嵌入的站点收费。
不会。组件没有任何网络请求会把输入值带出去，你可以用浏览器开发者工具自行核验。
目前内置北京、上海、广州、深圳、杭州。其他城市的社保比例与基数不同，我们只在拿到官方公布数据后才会加入，避免给出错误数字。需要优先支持某个城市，欢迎在联系页留言。
每年各地公布新一年度社保缴费基数上下限后更新，通常集中在年中到下半年。页面上的「2026 社保基数」标签即当前口径。
组件最大宽度 420px，容器更窄时会自动收缩，输入框与城市选择在窄屏下仍能并排显示，不需要你额外写媒体查询。如果你的容器宽度小于 320px，建议改成上下两行布局，否则数字会被压缩。
可以。同一页面放第二个组件时，把 id 换成 data-shuzi-salary-calc 属性即可，脚本会扫描所有带该属性的元素并分别挂载，互不影响。
不会。组件通过 script 标签加载，内容渲染在页面上，不会被搜索引擎判定为隐藏内容或作弊；页面正文、标题与结构化数据仍然完全由你控制。唯一的外部链接是组件页脚的一行署名，对你没有负面影响。
三步自查，通常 1 分钟内完成：
div 位置应出现一张白色卡片，标题是「到手工资计算器」，右上角有「2026 社保基数」标签。如果一直是空白，多半是脚本被主题的延迟加载或安全插件拦掉了。如果你用 WordPress，请把代码放进「自定义 HTML」区块而不是「段落」区块，后者会把尖括号转义成文本；如果你用建站平台的可视化编辑器，切换到大纲或源码模式再粘贴；如果是自建站，注意不要被 CSP 策略拦截 shuzishuniu.com 这个域名。
组件基于原生 JavaScript 编写，不依赖 jQuery、React 或任何前端框架，支持 Chrome、Edge、Safari、Firefox 的近三年版本，以及微信内置浏览器和主流安卓 WebView。样式写在 Shadow DOM 内，因此你的全局 button、input 样式不会把它撑变形，反过来它也不会改你的页面。
计算口径说明：五险一金个人部分按养老 8%、医疗 2%、失业 0.3%–0.5%（各市不同）与住房公积金个人比例计算，缴费基数按各市 2026 年公布的下限与上限截断；个税按年度综合所得七级超额累进税率折算月均，起征点 5000 元/月，不含专项附加扣除。也就是说，组件给出的是「不考虑专项附加扣除」的保守值，实际到手通常不低于这个数。
为什么不做成「什么都能算」：越多的可选参数，越容易让访客在第一屏迷失。这个组件的目标只有一个——让人在三秒内看到一个可信的数字，然后决定要不要继续算下去。需要专项附加扣除、单位缴费成本、年终奖单独计税等进阶能力时，链接会把人带到站内完整版计算器。