更新資訊:
- 本篇文章的姐妹作,[分享] 讓每篇文章都自動加入黑米跟推推王的收推文按鈕,推薦給各位 :-)
- 新增一個給 Pixnet 新樣板用的版本,下載位置在 http://nelson.csie.us/Pixnet/addGoogleAd_template.js。
- 若你懶得每次更換 Pixnet 的版型一次就得更換 JavaScript 檔一次的話,你可以用這個給 Pixnet 任何版型皆適用的檔案,位置在 http://nelson.csie.us/Pixnet/addGoogleAd_pixnet.js
雖然搞出了這個東西,不過我看了一下,每天大概有 40% ~ 50% 的訪客是新 IP,可是每個月從 blog 賺到的錢根本沒多少。我那麼辛苦幹嘛阿 XD
最近愈來愈多的部落客開始使用 Google AdSense,除了放在側邊列之外,想必也有不少人偏好將它放在每篇文章裡頭。只不過現在的 BSP 似乎最多只提供讓人自訂側邊列區塊的功能,還沒有哪一家有提供自動將特定文字加入每一篇文章的功能。所以除非你自行架站,否則應該只能每次發表文章時手動加入 Google AdSense 的程式碼。
在 Xuite日誌:簡睿隨筆 《科技篇》 看到如何自動加入 Google AdSense 程式碼,給了我一點想法。原始文章是針對 Xuite 跟 樂多 系統的,我將它改了一下,變成能在 Pixnet / 無名小站(付費會員) / 天空部落 / 樂多部落 / 新浪部落 使用。
整個構想很簡單,只有兩大重點:
- 自行建立一個不可見的唯一區塊,並將 Google AdSense 的程式碼加到這個區塊
- 將這個區塊的程式碼抓出來,然後加到文章的最後就可以了
- 進入「網誌管理」介面
- 在「網誌描述」區塊的最後,加入以下三行程式碼
- <div id="divAdSenseContentScript" style="display:none;"><br />
- <br /></div>
- <script src="http://nelson.csie.us/Pixnet/addGoogleAd_pixnet.js"></script>
- <div id="divAdSenseContentScript" style="display:none;"><br />
- 在兩個「br」標籤之間,加入你的 Google AdSense 程式碼
注意:
- 我已將原本五種 PIxnet 的程式碼整合在一起了,你只要引用 http://nelson.csie.us/Pixnet/addGoogleAd_pixnet.js 這個檔案就可以了。
- 若你的瀏覽器有擋廣告功能,請記得把擋廣告關掉,否則可能會看不到效果。
- 若你的防毒軟體有擋廣告功能,請記得把擋廣告關掉,否則可能會看不到效果。
- 若你關閉了 JavaScript 功能,請記得把 JavaScript 功能開啟,否則會看不到效果。
- 若你是無名的付費會員,請套用 http://nelson.csie.us/OtherBlog/addGoogleAd_wretch.js
- 若你用天空部落,請套用 http://nelson.csie.us/OtherBlog/addGoogleAd_yam.js
- 若你用樂多部落,請套用 http://nelson.csie.us/OtherBlog/addGoogleAd_roodo.js
- 若你用新浪部落,請套用 http://nelson.csie.us/OtherBlog/addGoogleAd_sina.js
- 將上頭提到的 <script src="xxxxxx.js"></script> 改成 <script type="text/javascript"></script>
- 將你要用的 JS 檔下載到你的電腦裡,並用一般的文字編輯器 (例如記事本) 開啟它。
- 將 JS 檔的程式碼全部複製起來,貼到 <script type="text/javascript"> 跟 </script> 之間就可以了。
- 如果可以的話,建議大家都用這個方法,免得將來哪天我的檔案改名字或放到別的資料夾去了,你就抓不到囉。
- 而且這個方法比較不會拖慢網頁開啟速度。
推薦上專欄
訂閱最新文章
樂多可以
你好,測試樂多沒有問題,謝謝可以用喔~感謝教學^^
如圖所示http://0rz.tw/182A3
請問我該如何解決呢?
網址http://blog.pixnet.net/Schu/post/3957820
隨機的廣告
請容我獻寶一下:http://gaytw.blogspot.com
我這裡是可以做到每篇文章都有廣告, 然後廣告的類別還是隨機的.
如果有興趣的話, 可以在我的部落格留言給我.
這很簡單,在 div 標籤之間不是要加入 Google AD 的程式碼嗎? 加入之後再補上一個 <br /> 標籤就可以了
2. 不知道可不可以套用到這個(http://tinyurl.com/2378ox)去,這樣每篇文章底下都有HEMiDEMi的相關訊息了。另,也是同樣把程式碼放到br標籤中間就可以了嗎? ^^a
3. 我可以把你的js程式碼抓到自己的網路空間嗎? 當然裡面的"作者"欄,我會留著 :)
一堆問題,真是不好意思 ^^a
Tks
實用的工具,感謝Nelson :)一放上去就OK了。
在第三點敘述當中
我在br /之間加入Google Adsence
但網誌重新整理之後,還是沒跑出來
不是直接在網誌描述中加入即可?(很長一串)
看看你的瀏覽器有沒有把 Google AD 給擋起來了,我去你的網誌看過,是正常的。
附帶一提,你網誌的彈出視窗真多。
會不會是我的Firefox全給檔掉了?
我都不會出現耶
另外用Ie7看的話
不管是首頁還是每篇文章內
Google Adsence都是空白一片
Firefox卻很正常
想不出原因在哪 >.<
WP 的只要改一改應該也可以用,不過既然你都自架了,彈性應該很大吧,有必要用這種克難的方法嗎?
回 Mark :
有可能阿,我的 Firefox 也把它們擋掉了,我是故意關閉防廣告才看到的。 我的 IE7 很正常,你要不要清一清 cache,多重整幾次試看看?
回 悄悄話 :
感謝提醒,的確程式碼改一行就可以用在無名小站,可是一般使用者可以用嗎? 還是要付費會員才可以用呢? 我對無名一堆限制不熟哩~
可以阿,反正我原本參考的來源也是 Copy Left 的,歡迎大家拿去改,我還希望有人可以把它改得更好一點,因為我不會寫 JavaScript,這是我亂拼出來的。
你可以教我怎麼讓無名也使用它嗎? 一般會員也能用嗎? 你教會我之後,我可以在文章裡頭補上這一段,讓更多人受惠 :)
請便請便,改好之後記得教我怎麼弄到無名喔 :)
<div id="自己取名字,別跟其他標籤衝突就好" style="display:none;">
放Google Adsense 語法
其他你想放的東西,譬如書籤語法
</div>
<script type="text/javascript"> var isArticle = false;if (document.URL.indexOf("&article_id=") > 0) isArticle = true;if (isArticle){if (window.attachEvent) window.attachEvent('onload', init);else window.addEventListener('load', init, false);}function init(){var CONTENT = document.getElementById("content");var DIVs = CONTENT.getElementsByTagName('div');for (var i in DIVs){var x = new String(DIVs[i].className);if (x.indexOf("innertext") == 0){DIVs[i].innerHTML += document.getElementById("前面那個自己取的名字").innerHTML;break;}}}</script>
<div id="adsense2" style="display:none"><br>
Google Adsense 語法
</div>
<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
<script type="text/javascript">$(document).ready(function() {var divTrk=$(".trackback_url");if( divTrk.length>0) {var divAds=$("div.articletext");var ad2=$("#adsense2");ad2.appendTo(divAds);ad2.css("display","inline");}});</script>
謝啦,我更新文章囉
我看的到耶,完全沒問題
因為不管是放在我的學校空間,或是把程式碼放在裡面
都是點開網頁後,讀超久的…
然後跑完讀好後,但是廣告也還是沒出來…
所以我就先連結你的了…
不好意思呢@@
謝謝您的教學
Hi Nelson,謝謝您的教學和分享..我取用囉..也成功放置了
謝謝
謝謝...
已經搞定,js放在自己的空間裡面,來研究一下樂多的要怎麼改...如果沒意外的話,樂多的應該也可以放。
你只要將 JavaScript 裡頭的第 17 行 "post" 改成 "archives" 應該就可以了。
若是成功了,記得回來告知我一聲阿 :)
/* 碎碎念時間 */
雖然搞出了這個東西,不過我看了一下,每天大概有 1/3 ~ 1/4 是新 IP,可是每個月從 blog 賺到的錢根本不到 $5,真是無奈。我那麼辛苦幹嘛阿 XD
接下來我要去看看blogger那邊的怎麼處理。
對了,有沒有天空的呢?
我想要製造一下假象 (笑)
別得失心太重了..
Hi Nelson ,看了您的碎碎念...想安慰一下您..
在Google Adsense 沒出現時..您不也是一樣的這樣的熱忱嗎?
怎麼反倒在意起能從 Google Adsense 賺多少呢?影響了您的熱忱和心情了呢..
以您的網站人氣..一定會更好的(要是大家常來了..注意到您的碎碎念..心照不宣囉.)^^
大家說:對吧?會變好的啦!加油!
賺到多少是不會影響到我寫文章的心情啦 (不然我就不會只是"碎碎念" 而是 "抱怨" 了:p),反正我就發現新東西就會寫個文章這樣。
只是覺得頗好玩又頗無奈的一點是,明明 Google 跟其他人都鼓勵部落客要多寫文章多認真經營自己的部落格,這樣才容易有多一點的收入。
可是我的情況卻是相反,反而大多數的收入是來自我那很少更新的網頁。說真的我也不知道是為什麼哩 XD
OK 阿
我取用來試試!
謝謝你的分享
廣告吸引人想去點才是重點
我瞭解您所納悶的..因為我是個仔細的人..所以在加入前真的花功夫去蒐集資料..若以實際的統計來分析(主動點擊的動機和機率)..這個跟您的文章是不是常常更新是無正相關的..
反倒是妳文章的屬性所帶出來的廣告..是不是真正的讓人吸引和好奇的去點擊並瀏覽其所以然..
我知道您可能也都瞭解..
但還是多事的分享我所知道的給你..
謝謝您的教學
很感謝你的教學~不過我也是想問問看天空部落格的要怎麼放呢??試了很多次~可是都沒辦法成功~希望您能幫幫忙~很感謝你唷!!!不知道CITY.UDN.COM的可不可以
我加入程式碼到文章裡面都沒辦法出現,city.udn.com真的讓我很昏倒... 表頭沒辦法有程式碼, 只能把程式碼放在首頁的左邊,
點進去文章還是哪裡程式碼就沒了... 一點廣告效果都沒有 ...
天啊怎麼辦...>.<
^^
感謝!受益無窮...
可以幫我看一下嗎
我放了半天文章中都沒有出現Adsense耶請問我是哪裡錯了呢???
謝謝!!!
太感謝您了!!!你是超級高手!!
天空部落格也可以囉~~您可以把那個連結加上在文章中!!!為了感謝你!!我會那個一下~~讓你也有所得~
ps.是放的有點多~不過你不是說不該跟錢過意不去嗎XD~
謝謝你
天空是成功了...不過感覺有點醜醜..但還是很感謝啦 :)http://www.wretch.cc/blog/CGS&article_id=12376799
非常厲害,感恩.
請幫幫我
http://blog.yam.com/arguskao_yblog這是我的天空我按照您的方法
結果還是....
請幫我一下
看看哪裡語法有錯
謝謝
JS for 新roodo系統
我發現roodo新系統已不能使用站上的javascript. 如有人有需要可以在此下載新的http://blog.roodo.com/wlsloi/archives/3067107.html
我透過你所教的方法成功的將Google AdSence放在文章中,可是左列原本該顯示的Google AdSence卻沒辦法同時顯示,好怪,可以麻煩你幫我看一下問題出在哪?
還有我想要像艾瑪網站上旁編列了三四個AdSence,我把產生出來的code貼在一起卻沒辦法同時產生,我不清楚為什麼,可以麻煩你幫我解答一下,感謝唷 : )
這代表我已經關掉擋廣告功能,對吧?但我就是看不到自己的...
不好意思,謝謝唷:)
拜託Nelson大大
http://blog.yam.com/arguskao_yblog/article/9279881照你的方法
我自己還是看不到
請你指導一下囉
我天空已經可以看到了
按照你的方式耶
愛你!!!
現在在正和PIXNET拼命中!!!
謝謝您的reply
我用火狐開..版面就很美..不過用IE開的話他出現的位置似乎應該挪下兩行
或許是瀏覽器的關係吧
但是現在這樣就很棒了..
感恩阿
我在div裡加了align="rigth"
但是沒有效果耶@@
ps:不用難過沒賺多少錢啦^^我的網誌也是呀^^反正就當是多賺的咩^^
不過我有幫你喔^^呵呵
謝謝大大的分享喔^^
受益良多啊
深感抱歉..
謝謝
之前用艾瑪的pixnet可以但是無名確不成功
轉來這裡一貼,無名的就跑出來了
心情真好,希望你的資料夾不要刪掉^^"
再請問一個笨問題
怎麼把廣告在文末置中
這樣比較好看^^感恩
我的天空在 http://blog.yam.com/bonnie8nz
Nelson大大不好意思又來煩你
呃,就是發現該方法似乎在部落格使用全文feed的時候沒有用~但是我比較直接顯示全文@@"看來沒辦法了嗎...
我的意思是文章摘要為自定義
因為我有些文章需要"繼續閱讀"
有些文章不長 為了節省讀者pageview所以沒用
結果那些文章就顯示不出來了@@
另外直接把文章摘要設定為全文 這個程式也無效~
看來就是程式做不到的問題吧orz
因為看不懂"如何不用網路空間另外放一份 JS 檔"
所以我用前面的方法~!
* <div id="divAdSenseContentScript" style="display:none;"><br />
* <br /></div>
* <script src="http://nelson.csie.us/OtherBlog/addGoogleAd_wretch.js"></script>
這樣是可以用的
ps我也是因為習慣所以沒搬家,我快受不了無名了!!!
現在無名付費好像也不能放太長的語法
我原本用的是CGS的方法,結果今天發現廣告不見了...
感激
感謝借來用~:D那請問程式碼該如何修改呢?我不知道怎麼改...
抱歉喔~ 問題一堆~
拿JavaScript 的程式碼,沒有沒其他地方可以下載?
不行~~
我放在網誌描述裡,但有好像字數限制,放不到><怎麼辦><
差幾行就成功了><
但是還有些小地方搞不成功:p
像我本來想把那個產生收益的連結
貼在online人數的下面,本來是可以的
不過後來在網誌描述貼上您此文上述語法後
好像有衝突~就不行了! 不知道有沒解決之法呢?! 真的要謝謝你的分享! 感恩:)
謝謝您的分享
非常謝謝您的分享,我試了還蠻成功的不過這種方式好像不適用於在網誌上顯示google的search bar
頁面好像會跑掉的樣子
多謝提醒
感謝
透過您的方法,很簡單的在每篇文末加入廣告了呢!!感謝您~^^~我放Google ad也是隨性啦~好玩有趣呢^^好站要鼓勵
我也根據你的解說在Blog上做了變化,真是好站,值得鼓勵,我會儘量來回饋增加你的收入,謝謝!!哈哈 谢谢啊 很好哦!
很有帮助哦 谢谢!能帮我看看么?
我的这个BLOG不知道怎么弄呢?谢谢!http://hexun.com/sunnyrains請問有新浪的用法嗎
如題,我也想用用看。今天才發現你已經提供出來XDDD
3Q 謝謝你喔^^
真的很棒XD
相見恨晚啊~~
新浪可以用
我試過了,新浪可以用喔,只要新增一個欄位,按照Nelson大大的步驟把語法放進新增的欄位後就會顯示出來囉。可以去我的部落格看看
感激不盡阿。
感謝你的提供
感謝,另外我貼到我網址了謝謝!我試了好久還是跑不出來....不知道是哪裡沒注意到
firefox看的到, ie看不到, 要怎麼檢查JavaScript有沒有關掉及有沒有開啟了擋廣告功能? 拜託你了