网站接入“公益404”
简介：
404公益最早源于“NotFound Project”，是由Missing Children Europe和European Federation for Missing and Sexually Exploited Children等公益组织联合发起的一个项目，他们希望利用闲置不用的网络空间发挥公益的力量：让更多人帮忙寻找失踪儿童。在Child Focus（一家专门帮助走失和受到性侵害的儿童公益机构）旗下的网站上，该机构针对这项公益计划发表了一份倡议声明：“你可以借助NotFound共享自己的一份力量。你只需要安装我们的应用软件，在你的网站404页面就会自动加载一张走失孩子的照片。让我们一同帮助他们顺利回家吧。”2012年，益云（公益互联网）社会创新中心将404公益模式引入国内，发起了“404公益”行动。404公益行动已经帮20个孩子找到亲人。
示例：
电脑端展示
手机端展示
在中国：
在中国，儿童丢失的情况也不容乐观。据凤凰卫视报道：“我国每年约有20多万儿童失踪,到现在仍然没有放弃寻找的案件逾60万件”。
2012年，益云（公益互联网）社会创新中心将404公益模式引入国内，发起了“404公益”行动，即：邀请每位网站站长在自己网站的404错误页面上安装一个公益广告位，刊登失踪儿童的姓名和照片信息，帮助孩子回家。
“404公益”行动得到了中国计算机学会、百度、CSDN、中国人口福利基金会寻子基金、中华社会救助基金会微博打拐基金等的多方支持和响应，各方期待百万站长合力，建立一个更有效的失踪儿童信息的传播网络，天下无拐，宝贝回家，为亲人重聚带来更多的希望。到现在，已有467家大中小型网站加入，404公益页面总展现次数已达98480次，很快将突破10万次。在新浪微博上，#404公益#也获得了大量网友的转发、关注与支持。这些数据还在持续增长。2013年1月25日，全球最大中文搜索引擎百度加入“404公益行动”，这些数据还在持续增长。
发展事迹：
益云
2012年10月12日，益云（公益互联网）社会创新中心首度将国外的404公益模式引入国内，根据中国国情和网站站长用户习惯，在益播公益广告联盟上开辟“404页面儿童打拐”版块；
2012年10月19日，“404页面儿童打拐”版块顺利对接寻子基金、百度寻人等寻子数据库，网站站长只需将一段相应的代码复制在原404页中，在其网站404页面就会自动加载一张最新走失孩子的照片，帮助传播寻子信息；
2012年11月7日，中国计算机学会常务理事潘柱廷发布了一则#404公益#的微博，号召各个网站的站长们，各个企业和机构的网站负责人们：举手之劳，将你自己网站的404页面（页面没有找到）挂接1个公益广告位，传播最新丢失儿童信息，一起帮助宝贝回家。从而拉开了#404公益#推广的序幕，该微博得到微博上的热烈转发及各大网站站长的热烈响应，引发了站长纷纷加入#404公益#的热潮。
CSDN
2012年11月20日，全球最大的中文IT社区CSDN加入支持行列，联合中国计算机学会等发起了技术公益论坛，中国计算机学会常务理事潘柱廷、益云（公益互联网）社会创新中心联合创始人周丽、车库开源技术小组负责人赵东、百度寻人数据库技术负责人文林福等作为活动嘉宾为现场朋友就如何进一步推进404公益等，进行了生动而精彩的分享。
快播
快播404行动：404，你要找的页面没有找到但我们可以帮他找到亲人 ，2012年快播加入益云公益404行动。
搜狐畅游
搜狐畅游404公益行动。
百度加速乐
近日，加速乐联合益云旗下的益播公益平台，推出站长送爱心活动，使用加速乐的网站可以一键开启公益404页面，该页面中嵌入失-踪-儿-童照片及信息，集合数万爱心站长之力，让爱心持续传递下去。 据不完全统计，中国每年的失-踪-儿-童大约200000人，找回来的大概只占到0.1%，大部分失-踪-儿-童因为缺少详细的个人信息，很难被有爱心的人发现，更难被找回来。为了让更多的人看到失-踪-儿童的个人信息，益播公益平台特别推出404公益页面，在404页面中加入失-踪-儿-童信息，用404页面页面传递公益送出爱心。 那么，404页面是什么意思呢？404公益页面又是什么呢？ 当我们在浏览器地址栏中输入网址，若网址不存在，那么浏览器会显示一个页面，告诉用户当前链接指向的页面不存在，这个页面便是404页面。多数时候，404页面没有多少价值，用户会很快离开404页面；当404页面上面出现公益信息，好比传播失踪孩子寻求信息，那么会让404页面更有价值。 据此次站长送爱心活动的联合发起方加速乐负责人介绍：“加速乐为六万多个网站服务，不少网站的站长有爱心，希望做公益，只是不知道怎么做，或者觉得做起来麻烦，都懒得去做了；加速乐此次联合益云推出站长送爱心活动，站长可以一键开启404公益页面，让传递爱心变得更简单。” “404，你要找的页面没有找到，但我们可以帮他找到亲人。”一句温馨的提示，加上失-踪-孩子的个人信息，让网友可以轻松记住有价值的信息，这是本次活动中传递的404公益页面。 “加速乐”是中国领先的互联网安全提供商知道创宇推出的一款在线免费网站CDN加速、网站安全防-护平台，致力于系统化解决网站访问速度过慢及网站反-黑-客问题，，为国内数万网站提供安全防护、CDN加速服务。 对于选择益播公益平台作为合作伙伴，加速乐相关负责人认为，益播公益平台的志愿者很负责，页面加载速度很快，不影响网站的用户体验，是选择益播公益平台的主要原因；此外，已有3317家网站加入益播公益404页面活动，其中不乏115网盘、淘宝大学、微软必应等知名网站。 传递爱心，不分大小；只要有爱心，都可以行动；只要有行动，都会有影响。不管是捐钱捐物，还是简单宣传，只要尽了自己的一份力，献了自己的一份心，都是值得称道的善举。 对于站长而言，做公益、献爱心，不一定要捐助网站收入，或者开展公益活动，或者挂上公益公告，或者开放公益弹窗；很多时候，只要一个简单的404公益页面，爱心传递便可以正式开始。
QQ空间
QQ空间“404公益”行动
“您访问的页面找不回来了！但我们可以一起寻找失踪宝贝！”
作为中国最有影响力的SNS产品之一的QQ空间团队，一直以各种创新形式去承担社会责任，发挥产品的社会影响力，实践社会公益，这一次QQ空间团队又凭借其自身平台，将利用404页面寻找走失儿童的想法付诸实践。
QQ空间“404公益”页面不再出现冰冷的“Not found”而是失踪儿童的信息，每刷新一次页面，系统会自动更新一个失踪儿童的信息。点击页面右下角的详细，则会跳转到宝贝回家论坛，内有更加详细的失踪儿童信息和照片，以及提供线索的联系方式。
QQ空间此举不仅是在技术上的一次大胆尝试，更是在投身公益方面为各大企业树立了一个良好的榜样。
公益404页面是由腾讯公司员工志愿者自主发起的互联网公益活动。
百度
“您找不到的只是网页，他找不到的却是父母”
百度作为全球最大的中文搜索引擎，一直致力于利用自身的技术优势和平台优势助力中国公益事业的发展。从公益一小时到温暖搜索框，从百度公益开放平台到百度寻人，都是百度利用自身技术优势和平台优势履行企业社会责任、践行社会公益的案例。
此次百度“404公益”行动，是“百度正能量”系列公益行动的第一季。百度将网页搜索的404页面创新为公益广告，用以展示24个已经被解救孩子的信息，帮助他们寻找父母。百度的404页面是当用户请求的页面不存在、链接错误或具有攻击性时产生的提示页面，其中由于用户访问带有攻击性的风险页面所导致404提示页面，每天的展现量就达到了千万。百度将网页搜索的404页面创新为公益广告，不仅提示网友访问出错，还展示24个已经被解救孩子的信息，相当于推出了一个巨大的公益寻人平台。
百度还设置了活动专题页以展示24个孩子的信息，并提供阿拉丁展示位。同时，百度向中华社会救助基金会捐赠10万元专项善款，作为丢失孩子的父母接他们回家的路费，帮助他们早日回家。据了解，这一次的活动旨在尽可能多的号召网友参与活动，所以不管是在活动专题页，还是在404页面，百度都设置了分享功能，希望大家将孩子的信息尽可能多的分享出去，一起帮孩子们找父母。
为了帮助更多丢失的孩子和父母早日团聚，百度早在2011年2月就推出了百度寻人。百度寻人借助百度业界领先的搜索技术、庞大的用户规模、海量的数据优势，并利用中国科学院计算技术研究所无偿提供的人脸识别技术迅速匹配孩子的照片，帮助家长和热心网友第一时间获取失散儿童信息。到现在，百度寻人已经建立起全国范围内失踪儿童与流浪儿童的开放数据库，对此类的社会公益行动提供助力。
么么亲子网
"您访问的页面没有找到 但我们可以一起寻找走失的宝贝..."
么么404公益页面
么么亲子网作为第一家响应"404公益"寻找失踪儿童活动的母婴亲子类门户网站，采用了“宝贝回家”主题的404页面来展示走失儿童的信息。同时么么呼吁更多的网站一起参与，通过对网站404页面简单的设置更改，可以为那些失踪儿童做得更多。
我的初心：
利用多余带宽，实现互联网价值。美好即价值!
设计思路：
利用腾讯公益提供的JS，将其引入一个HTML的静态页面即可。
参考链接：https://www.qq.com/404/
源码：
1.创建一个空白的HTML文件，将以下代码复制到文件内。
2.进入网站的管理端替换404文件即可。
<!DOCTYPE html>
<html>
<!--head模块-->
<head>
<!--字符编码-->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<!--语言-->
<meta http-equiv="Content-Language" contect="zh-CN">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!--百度禁止转码-->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--360浏览器兼容配置-->
<!--极速模式-->
<meta name="renderer" content="webkit"/>
<!--QQ手机浏览器兼容配置-->
<!--锁定屏幕在特定方向-->
<meta name="x5-orientation" content="portrait"/>
<!-- 全屏显示 -->
<meta name="x5-fullscreen" content="true"/>
<!-- 应用模式 -->
<meta name="x5-page-mode" content="app"/>
<!--UC浏览器兼容配置-->
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait"/>
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes"/>
<!-- UC应用模式 -->
<meta name="browsermode" content="application"/>
<!--安卓Google浏览器兼容配置-->
<!--主题颜色-->
<meta name="theme-color" content="#CCFFFF"/>
<!--SEO优化-->
<!--标题-->
<title>404！</title>
<!--关键词-->
<meta name="keywords" content="赵彤刚,404,页面不存在,公益,宝贝回家"/>
<!--描述-->
<meta name="description" content="404页面不存在！"/>
<!--作者 author-->
<meta name="author" content="赵彤刚,2585649532@qq.com"/>
<!--搜索引擎索引方式配置-->
<meta name="robots" content="all"/>
<meta name="robots" content="index,follow"/>
<!--logo配置-->
<link rel="shortcuticon" href="./favicon.ico"/>
</head>
<!--body模块-->
<body>
<!--背景音乐代码-->
<!--舍弃，因页面全局执行引入的JS文件，音乐播放无法实现-->
<!--引入核心JS-->
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="https://heheda.top/" homePageName="返回首页">
</script>
</body>
</html>特别提醒 小白尽量不要修改源码的head模块！
腾讯云开发者
