CSDN博客里面挂广告的推荐方法
CSDN博客里面挂广告的推荐方法
此文章版权归JAVA世纪网()和CSDN()所有.
JAVA世纪网地址:
CSDN博客地址:
如转载,请保留此说明和完整的页面内容。
感谢
前言
大家应该注意到了,在CSDN的博客里面并没有挂CSDN自己的广告,我们感谢CSDN的无私奉献,我们应继续支持CSDN。
那我们不要浪费CSDN的好意了,我们来看看如果把自己的广告放到里面去。
一、前提条件
CSDN的页面支持自定义的配置
CSDN的页面内容支持比较完整的JS代码。
二、简单的方式、
1 帖子里面直接书写广告代码
你可以在源代码的模式下面,直接放入你要加入的广告代码。比如:
此方法的优点是,你可以最大限度的控制格式,加入你能加入的任何广告代码。
缺点,每次发帖都要排版,如果你更换个广告,则以前的帖子必须重新编辑一遍。
2 帖子里面外挂js文件
和1区别不大,你直接在源代码里面用自己的动态JS代码。比如
优点:可以更灵活的修改广告代码。但
缺点:有些广告代码会有些小问题。更重要的是你需要一个稳定的外部服务器空间。如果服务器变动,你的所有帖子仍需要编辑。
3 在配置里面直接书写广告
大部分人都是这样直接
优点:一次修改可以影响所有的帖子
缺点:位置限制在左侧,切有点太窄了。
二、我推荐使用的方式
继续在配置里面书写广告,但广告并不局限于显示在左侧,而是可以移动到你需要的位置。比如:
顶部的右上,那个搜索的附近;
帖子内容的开始;
帖子内容的结束
评价的开始
评价表单右侧
整个页面的底部
我们来看所需要的技术。
1 如何定位广告的位置
请看如下的代码
查看复制到剪切板打印
// 获取页面某个元素对象
// 我这里使用了id属性,你也可以用其它的方法获得元素对象
var t = ("Anthem__PostComment_CommentUpdatePanel__");
// 获得左侧,顶部和上级对象
objLeft = ;
objTop = ;
objParent = ;
// 如果上级元素不是BODY,则继续累计计算相对偏差
while( () != "BODY" ) {
objLeft += objParen;
objTop += objParen;
objParent = objParen;
}
// 我们已经拿到了我们要定位的广告元素位置了
// 获取页面某个元素对象
// 我这里使用了id属性,你也可以用其它的方法获得元素对象
var t = ("Anthem__PostComment_CommentUpdatePanel__");
// 获得左侧,顶部和上级对象
objLeft = ;
objTop = ;
objParent = ;
// 如果上级元素不是BODY,则继续累计计算相对偏差
while( () != "BODY" ) {
objLeft += objParen;
objTop += objParen;
objParent = objParen;
}
// 我们已经拿到了我们要定位的广告元素位置了
2 我们的广告
查看复制到剪切板打印
<div id="GOOGLE_COMMENT" style="position:absolute;display:none">
<script type="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* 300x250, 创建于 08-9-16 */
google_ad_slot = "0023597101";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="
</script>
</div>
<div id="GOOGLE_COMMENT" style="position:absolute;display:none">
<script type="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* 300x250, 创建于 08-9-16 */
google_ad_slot = "0023597101";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src=" /></script>
</div>
里面注意我使用了GOOGLE_COMMENT作为这个广告的ID,同时设置了CSS属性为绝对定位,不显示。
3 移动我们的广告到正确的位置
查看复制到剪切板打印
// 得到我们前面的广告对象
var gg = ("GOOGLE_COMMENT");
// 相对于我们要放广告的位置,加上一个偏移量
=(objLeft +450)+"px";
= (objTop+10)+"px";
// 显示广告
="";
// 得到我们前面的广告对象
var gg = ("GOOGLE_COMMENT");
// 相对于我们要放广告的位置,加上一个偏移量
=(objLeft +450)+"px";
= (objTop+10)+"px";
// 显示广告
="";
4 在页面装载完毕后再显示广告
因为我们的代码在整个页面的前部,所以不能一开始就运行,否则根本找不到一些在后面才出现的元素。
我们把自己的代码放在一个function里面
查看复制到剪切板打印
function GOOGLEResize(){
// 我们全部的初始化代码
}
// 当页面装载完毕后,再运行我们的程序
=GOOGLEResize;
function GOOGLEResize(){
// 我们全部的初始化代码
}
// 当页面装载完毕后,再运行我们的程序
=GOOGLEResize;
5 处理页面的resize事件
在IE里,可以简单的用
查看复制到剪切板打印
=GOOGLEResize;
=GOOGLEResize;
但是在Firefox里面,则必须用定时器进行定期检测才行
查看复制到剪切板打印
var startWidth = ("body")[0].offsetWidth;
function checkFFresize() {
var resizeWidth = ("body")[0].offsetWidth;
if (resizeWidth == startWidth) {
} else {
startWidth=("body")[0].offsetWidth;
GOOGLEResize();
}
setTimeout("checkFFresize();",2000);
}
if () {
} else {
setTimeout("checkFFresize();",1000);
}
var startWidth = ("body")[0].offsetWidth;
function checkFFresize() {
var resizeWidth = ("body")[0].offsetWidth;
if (resizeWidth == startWidth) {
} else {
startWidth=("body")[0].offsetWidth;
GOOGLEResize();
}
setTimeout("checkFFresize();",2000);
}
if () {
} else {
setTimeout("checkFFresize();",1000);
}
6 处理页面的异常
屏蔽掉可能出现的异常
查看复制到剪切板打印
function killErrors() {
return true;
}
= killErrors;
function killErrors() {
return true;
}
= killErrors;
至此,我所需要的代码已经全部完成了。
三、我的广告的完整代码
查看复制到剪切板打印
<script type="text/javascript">
function killErrors() {
return true;
}
= killErrors;
var init = false;
function GOOGLEResize(){
var subject = ("_ViewPost_PreviousAndNextEntriesUp");
if(!init){
=+"<br/><br/><br/><br/><br/><br/><hr/><br/>";
init = true;
}
var t = ("Anthem__PostComment_CommentUpdatePanel__");
var gg = ("GOOGLE_COMMENT");
objLeft = ;
objTop = ;
objParent = ;
while( () != "BODY" )
{
objLeft += objParen;
objTop += objParen;
objParent = objParen;
}
=(objLeft +450)+"px";
= (objTop+10)+"px";
="";
objLeft = subject .offsetLeft;
objTop = subject .offsetTop;
objParent = subject .offsetParent;
while( () != "BODY" )
{
objLeft += objParen;
objTop += objParen;
objParent = objParen;
}
var gg728=("GOOGLE_TOP");
= objLeft+"px";
= (objTop+50)+"px";
="";
}
=GOOGLEResize;
=GOOGLEResize;
var startWidth = ("body")[0].offsetWidth;
function checkFFresize() {
var resizeWidth = ("body")[0].offsetWidth;
if (resizeWidth == startWidth) {
} else {
startWidth=("body")[0].offsetWidth;
GOOGLEResize();
}
setTimeout("checkFFresize();",2000);
}
if () {
} else {
setTimeout("checkFFresize();",1000);
}
</script>
<script type="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* CSDN摩天 160x600, 创建于 08-9-17 */
google_ad_slot = "5598761730";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="
</script>
<div id="GOOGLE_TOP" style="position:absolute;top:248px;left:250px;width:728;height:90;display:none"><scripttype="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* CSDN横幅 728x90, 创建于 08-9-17 */
google_ad_slot = "9488011826";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="
</script></div>
<div id="GOOGLE_COMMENT" style="position:absolute;display:none">
<script type="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* 300x250, 创建于 08-9-16 */
google_ad_slot = "0023597101";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="
</script>
</div>
<script type="text/javascript">
function killErrors() {
return true;
}
= killErrors;
var init = false;
function GOOGLEResize(){
var subject = ("_ViewPost_PreviousAndNextEntriesUp");
if(!init){
=+"<br/><br/><br/><br/><br/><br/><hr/><br/>";
init = true;
}
var t = ("Anthem__PostComment_CommentUpdatePanel__");
var gg = ("GOOGLE_COMMENT");
objLeft = ;
objTop = ;
objParent = ;
while( () != "BODY" )
{
objLeft += objParen;
objTop += objParen;
objParent = objParen;
}
=(objLeft +450)+"px";
= (objTop+10)+"px";
="";
objLeft = subject .offsetLeft;
objTop = subject .offsetTop;
objParent = subject .offsetParent;
while( () != "BODY" )
{
objLeft += objParen;
objTop += objParen;
objParent = objParen;
}
var gg728=("GOOGLE_TOP");
= objLeft+"px";
= (objTop+50)+"px";
="";
}
=GOOGLEResize;
=GOOGLEResize;
var startWidth = ("body")[0].offsetWidth;
function checkFFresize() {
var resizeWidth = ("body")[0].offsetWidth;
if (resizeWidth == startWidth) {
} else {
startWidth=("body")[0].offsetWidth;
GOOGLEResize();
}
setTimeout("checkFFresize();",2000);
}
if () {
} else {
setTimeout("checkFFresize();",1000);
}
</script>
<script type="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* CSDN摩天 160x600, 创建于 08-9-17 */
google_ad_slot = "5598761730";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src=" /></script>
<div id="GOOGLE_TOP" style="position:absolute;top:248px;left:250px;width:728;height:90;display:none"><scripttype="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* CSDN横幅 728x90, 创建于 08-9-17 */
google_ad_slot = "9488011826";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src=" /></script></div>
<div id="GOOGLE_COMMENT" style="position:absolute;display:none">
<script type="text/javascript"><!--
google_ad_client = "pub-2908059660288034";
/* 300x250, 创建于 08-9-16 */
google_ad_slot = "0023597101";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src=" /></script>
</div>
希望大家用的开心。
CSDN博客里面挂广告的推荐方法相关推荐
- CSDN博客放google广告
摘自freshbug's notes 另外还有一篇CSDN博客里面挂广告的推荐方法 先注册有google adsense 帐号,csdn blog 帐号(费话) 登录到csdn blog 后台, 切换 ...
- 如何在你的CSDN 博客中添加广告代码(网赚)
货到付款APPLE苹果手机IPHONE完美破解 1600.0元 转载请注明:http://blog.csdn.net/rommal7090 如果你的博客访问量很大,你可以通过如下方式在博客上放置广告 ...
- CSDN博客积分规则和获取积分方法
博客积分是衡量博客水平的重要标准,博客的排名也将按照积分排列.积分规则具体如下: 1.每发布一篇原创或者翻译文章:可获得10分 2.每发布一篇转载文章:可获得2分 3.博主的文章每被评论一次:可获得1 ...
- CSDN博客图片自定义及去除水印方法
1 水印 在CSDN中编写博客并上传图片时,出于版权保护的要求,CSDN会在图片右下角默认添加博客地址的水印(如下图右下角).但有些时候出于某些原因,我们并不想让上传的图片显示水印,或者想自定义水印的 ...
- CSDN博客图片水印自定义及去除方法
csdn默认水印参数隐藏了,要删除就去博客设置里取消自动添加水印吧,下面的添加水印方法还可以用 小图上传说明 尺寸较小的图片上传后默认不加水印,而且默认水平居中显示.你可以更改markdown格式后面 ...
- 最新CSDN博客积分规则和获取积分方法【官方的说明】
博客积分是衡量博客水平的重要标准,博客的排名也将按照积分排列.积分规则具体如下: 1.每发布一篇原创或者翻译文章:可获得10分 2.每发布一篇转载文章:可获得2分 3.博主的文章每被评论一次:可 ...
- 用selenium爬取csdn博客文章,并用4种方法提取数据
为了方便susu学习selenium,下面代码用selenium爬取博客文章的标题和时间,并用selenium自带的解析,etree,bs4,scrapy框架自带的selector等4种方式来解析网页 ...
- CSDN博客公告中显示图片的方法
①只显示图片 在配置界面的公告设置中输入HTML代码: <img src="https://p-blog.csdn.net/images/p_blog_csdn_net/nataku/ ...
- 在CSDN博客里保持代码格式的方法
新手肯定能遇到的问题,刚刚开始写博客时自己粘贴的代码参差不齐,别人的确工工整整,于是搜了以下解决办法: 方法一:按语言插入 如图,在编辑器里点击代码页有"<>"的按钮, ...
最新文章
- android 叉叉助手 弹幕原理
- python意外缩进引发逻辑错误_如何编写 Python 程序
- 带你了解C#每个版本新特性
- linux命令行提示符居中,linux命令行学习(54):修改提示符
- 台式电脑耳机插孔在哪_吉林戴尔电脑音箱维修app,查看详情_曹操闪修
- 里面怎么使用import引用_谈谈模块化的 require 和 import
- Maven常见警告解决办法
- linux ibus中文,Ubuntu 14.10系统中IBUS 中文输入法安装的图文教程
- “技术需求”与“技术成果”项目之间关联度计算模型 复赛top1解决方案
- spring security框架中在页面通过标签获取用户信息
- Android eclipse unable to launch:The selection can not be launched,and there are no recent launches
- 01 安装STEP7软件和USB驱动
- 01.Dem数据提取高程
- 雷达信号处理基础ppt
- linux ascii游戏,linux – Bash ASCII实现
- Echarts数据可视化
- 人工智能、机器学习、深度学习 -- 学习摘记
- 华硕fx60vm拆机图解_华硕fx60vm安装macOS10.13.6和Windows10双系统
- 帮你写出更好的python代码:python函数应用进阶(一)——函数是对象
- 清华大学计算机专业辅修课程,清华大学计算机应用专业-辅修专业
热门文章
- 聊聊A股市场反映情况
- 操作系统虚拟存储器实验---Python实现
- python实现不重复排列组合_python 生成不重复和可重复的排列组合
- PGP安装,生成密钥及上传服务器的完整步骤
- 一起分析Linux系统设计思想——03内核启动流程分析(六)
- nested exception is javax.persistence.RollbackException: Error while commiting the transaction
- 特征工程——二手车交易预测
- U盘安装Win7系统时,安装界面提示 “缺少所需的CD/DVD驱动器设备驱动程序” 解决办法
- warmup-实验吧
- HTTP content-type