CSDN部落格裡面掛廣告的推薦方法

2021-08-29 17:06:57 字數 3404 閱讀 2392

csdn部落格裡面掛廣告的推薦方法

感謝 前言

大家應該注意到了,在csdn的部落格裡面並沒有掛csdn自己的廣告,我們感謝csdn的無私奉獻,我們應繼續支援csdn。

那我們不要浪費csdn的好意了,我們來看看如果把自己的廣告放到裡面去。

一、前提條件

csdn的頁面支援自定義的配置

csdn的頁面內容支援比較完整的js**。

二、簡單的方式、

1 帖子裡面直接書寫廣告**

你可以在源**的模式下面,直接放入你要加入的廣告**。比如:

此方法的優點是,你可以最大限度的控制格式,加入你能加入的任何廣告**。

缺點,每次發帖都要排版,如果你更換個廣告,則以前的帖子必須重新編輯一遍。

2 帖子裡面外掛程式js檔案

和1區別不大,你直接在源**裡面用自己的動態js**。比如

優點:可以更靈活的修改廣告**。但

3 在配置裡面直接書寫廣告

大部分人都是這樣直接

優點:一次修改可以影響所有的帖子

缺點:位置限制在左側,切有點太窄了。

二、我推薦使用的方式

繼續在配置裡面書寫廣告,但廣告並不侷限於顯示在左側,而是可以移動到你需要的位置。比如:

頂部的右上,那個搜尋的附近;

帖子內容的開始;

帖子內容的結束

評價的開始

評價表單右側

整個頁面的底部

我們來看所需要的技術。

1 如何定位廣告的位置

請看如下的**

檢視複製到剪下板列印

// 獲取頁面某個元素物件

// 我這裡使用了id屬性,你也可以用其它的方法獲得元素物件

var t = document.getelementbyid("anthem_post.ascx_postcomment_commentupdatepanel__");

// 獲得左側,頂部和上級物件

objleft = t.offsetleft;

objtop = t.offsettop;

objparent = t.offsetparent;

// 如果上級元素不是body,則繼續累計計算相對偏差

while( objparent.tagname.touppercase() != "body" )

// 我們已經拿到了我們要定位的廣告元素位置了

// 獲取頁面某個元素物件

// 我這裡使用了id屬性,你也可以用其它的方法獲得元素物件

var t = document.getelementbyid("anthem_post.ascx_postcomment_commentupdatepanel__");

// 獲得左側,頂部和上級物件

objleft = t.offsetleft;

objtop = t.offsettop;

objparent = t.offsetparent;

// 如果上級元素不是body,則繼續累計計算相對偏差

while( objparent.tagname.touppercase() != "body" )

// 我們已經拿到了我們要定位的廣告元素位置了

2 我們的廣告

檢視複製到剪下板列印

裡面注意我使用了google_comment作為這個廣告的id,同時設定了css屬性為絕對定位,不顯示。

3 移動我們的廣告到正確的位置

檢視複製到剪下板列印

// 得到我們前面的廣告物件

var gg = document.getelementbyid("google_comment");

// 相對於我們要放廣告的位置,加上乙個偏移量

gg.style.left=(objleft +450)+"px";

gg.style.top = (objtop+10)+"px";

// 顯示廣告

gg.style.display="";

// 得到我們前面的廣告物件

var gg = document.getelementbyid("google_comment");

// 相對於我們要放廣告的位置,加上乙個偏移量

gg.style.left=(objleft +450)+"px";

gg.style.top = (objtop+10)+"px";

// 顯示廣告

gg.style.display="";

4 在頁面裝載完畢後再顯示廣告

因為我們的**在整個頁面的前部,所以不能一開始就執行,否則根本找不到一些在後面才出現的元素。

我們把自己的**放在乙個function裡面

檢視複製到剪下板列印

function googleresize()

// 當頁面裝載完畢後,再執行我們的程式

window.οnlοad=googleresize;

function googleresize()

// 當頁面裝載完畢後,再執行我們的程式

window.οnlοad=googleresize;

5 處理頁面的resize事件

在ie裡,可以簡單的用

檢視複製到剪下板列印

window.οnresize=googleresize;

window.οnresize=googleresize;

但是在firefox裡面,則必須用定時器進行定期檢測才行

檢視複製到剪下板列印

var startwidth = document.getelementsbytagname("body")[0].offsetwidth;

function checkffresize() else

settimeout("checkffresize();",2000);

} if (document.all) else

var startwidth = document.getelementsbytagname("body")[0].offsetwidth;

function checkffresize() else

settimeout("checkffresize();",2000);

}if (document.all) else

6 處理頁面的異常

遮蔽掉可能出現的異常

檢視複製到剪下板列印

function killerrors()

window.onerror = killerrors;

function killerrors()

window.onerror = killerrors;

至此,我所需要的**已經全部完成了。

三、我的廣告的完整**

檢視複製到剪下板列印

希望大家用的開心。

教你遮蔽CSDN的廣告

前提是你必須使用myie2或遨遊maxthon瀏覽器.筆者使用的是maxthon v1.3.3 build 50 下面的步驟跟我一起做 step 1 選擇 選項 選單項 step 2 在下拉列表中選擇 maxthon選項.step 3 在彈出視窗中,選擇左邊欄目中 廣告獵手 step 4 然後分別選...

教你遮蔽CSDN的廣告

前提是你必須使用myie2或遨遊maxthon瀏覽器.筆者使用的是maxthon v1.3.3 build 50 下面的步驟跟我一起做 step 1 選擇 選項 選單項 step 2 在下拉列表中選擇 maxthon選項.step 3 在彈出視窗中,選擇左邊欄目中 廣告獵手 step 4 然後分別選...

CSDN的部落格搜尋

不得不說,csdn部落格的搜尋功能是在太弱了。而且一直都很弱,以至於我每次想在自己部落格上找自己發的文章都變得那麼難。做乙個搜尋部落格內文章的功能沒有那麼難吧?還是說csdn已經放棄了部落格這一塊了?我發現我的部落格排名好像靠前了,難道是csdn的部落格沒落了?既然如此,也是無可奈何的事情,不過終歸...