話說,為每篇文章自動加入Google Adsense廣告,一直是很多部落客想要知道的方法。所謂的『自動』,就是文章本身不需要去理會廣告的安排,完全透過事先定義好的排版方式呈現。這樣做的好處除了發表文章時方便以外,如果想要修改廣告的位置,類型等等的屬性時,也不需要一篇篇文章去修改,而可以統一修正。部落客Nelson也寫了篇教學來告訴大家怎麼做。不過因為JavaScript程式碼裡面的一個小小bug,在痞客邦改版之後,原來的JavaScript程式碼對某些人已經不適用了。
除了透過留言迴響告知這個bug之外,在2011年我們應該有更簡便的方式來完成這件事。
本篇文章適用於痞客邦,配合HTML的互動功能,讓你只要依照幾個簡單的步驟,copy-and-paste就能完成這件事!原理的部分,Nelson的教學文已經說得非常清楚,這邊就不多說了,有興趣者請自行參閱。這邊的目的就是幫你在文章的頭尾自動插入Google Adsense廣告,就好像你在我的部落格上面看到的一樣。
" + '\n' ; } // ]]>(一)貼上你原始的『部落格描述』
說明:請進入部落格後台,把你原始的『部落格描述』貼在上面。如果以我的部落格為例子,這裡要貼的就是『人生就像一趟旅程,這裡記錄著我的足跡...』。以下的截圖是已經整合完成了,所以你還會看到其他的程式碼。
(二)貼上你的Google Adsense程式碼
說明:這個…如果你不知道什麼是Google Adsense程式碼的話,也許這篇文章並不適合你。
天外飛來一筆,完全不相干的手工廣告!
這廣告純粹是手工加上去的,跟文章裡面提到的自動加入一點關係也沒有。平常一般文章根本不會在文章中亂入Adsense廣告,難得有機會介紹Adsense,就大大方方擺上去啦:
(三)按鈕產生結果
如果資料正確,請按下『產生最終部落格描述』,否則請按『重新輸入』
或者
(四)將複製結果貼回落格後台的『部落格描述』
按下『儲存設定』後,大功告成!

*****
*****
這真的是很方便的功能阿 想要請問一下 如果只想讓廣告出現在文末 該修改語法的哪個地方呢? 謝謝您^^
請把這段文字 DIVs[i].innerHTML = document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML + document.getElementById("divAdSenseContentScript").innerHTML; 改成這樣: DIVs[i].innerHTML = DIVs[i].innerHTML + document.getElementById("divAdSenseContentScript").innerHTML;
改好了 非常感謝您呢!!
Great!
謝謝你~
非常實用 感謝你~
*****
*****
感謝您^^
謝謝分享
不客氣!對你有幫助就是一件令人開心的事。
太讚了! 但請問可以將廣告置中放置嗎?
謝謝您的愛用。 如果要將Adsense廣告置中的話,請把這段文字 DIVs[i].innerHTML = document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML + document.getElementById("divAdSenseContentScript").innerHTML; 改成這樣: DIVs[i].innerHTML = '<div style="width:100%;text-align:center;margin:auto">' + document.getElementById("divAdSenseContentScript").innerHTML + "</div>" + DIVs[i].innerHTML + '<div style="width:100%;text-align:center;margin:auto">' + document.getElementById("divAdSenseContentScript").innerHTML + "</div>";
感謝! 先試試看,有問題在來找您討論一下!
請享用!
您好,我試用了! 非常棒,簡單明白的說明。 但是我發現 "廣告" 在Google Chrome瀏覽器上卻無法顯示,在IE跟Firefox卻都正常。會不會是我在瀏覽器上的設定導致這個結果呢?
嗯...這真是個有趣的問題。我的FF跟Opera 都正常, IE 8 卻無法顯示. Chrome 沒試過. 我知道跟 innerHTML 有很大的關係,試了很多種寫法,還沒辦法克服 IE 8 的問題,你用的IE 是什麼版本?
我的IE版本是 9.0.8112.16421
您好,想請問一下,如果只想讓廣告出現在文的上方,不用出現文末, 請問該修改語法的那些地方呢?感謝~
不好意思,最近比較忙,到現在才回覆。 如果『如果只想讓廣告出現在文的上方,不用出現文末』,請把這段文字 DIVs[i].innerHTML = document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML + document.getElementById("divAdSenseContentScript").innerHTML; 改成這樣: DIVs[i].innerHTML = document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML;
請問一下,如果上中下都要放不同的Google廣告,請問要怎麼修改呢?
謝謝你的分享~~
獲益良多,非常感謝:D
您好 請問是否可以調整下方廣告的位置呢? 因為有用Linkwithin , 想把廣告放在Linkwithin的上方要如何設定呢? 謝謝!!
Hi Ken 你好! 我是將 google adsense 程式碼加在 "article-content" 的前後。那你的 LinkWithin 是放在什麼地方呢?
您好, 我把Linkwithin 放在"部落格描述"裡了, 所以我把Linkwithin貼在您的產生器的欄位裡"(一)貼上你原始的『部落格描述』 " 再把產生出來的結果貼回我的"部落格描述"裡, 麻煩您了 謝謝 :D
您好, 我在網路上找了一些Linkwithin的文章後來就試出來了, 原來我不應該把Linkwithin放在 "部落格描述"裡, 應該要放在"側邊欄位設定" 裡的"頁尾描述", 這樣自動加入的廣告就會在Linkwithin的上方, 這樣也就比較符合閱讀者閱讀的順序, 感謝您的大方分享和熱心回應! :D
哈!才正要看問題,沒想到你已經自己摸索出來了。放頁尾描述應該是比較正規的地方。
不過這個好像會出現google統計廣告請求數的地方有異常增加 感覺比例不太對
我不太清楚你的意思,可以說清楚一點嗎?
就是安裝這個之後 我的瀏覽量統計變成異常暴量(如圖) 我擔心不知道是否被google判斷 惡意增加 然後停權 因為她們很強硬,自己覺得就當做決定 http://images.plurk.com/21ee58ac57b392b1fa05ef0ddf2af7c5.jpg
流量暴增的問題,以前沒遇到過。你可以多觀察幾天看看,或者試著分析流量增加的來源
所以大大裝了之後 沒有出現這種狀況囉 還是你沒有特別去看 廣告後台的統計???
剛剛我提供的圖片是 廣告曝光數 下圖是blog的瀏覽數 也看的出來明顯的差異 大大如果沒有這狀況 該不會我是貼錯與法造成的吧 http://images.plurk.com/adbb6e95415cc57a393501e8e385ac66.jpg
看起來曝光數增加了一倍(這樣很好呀!),但是點擊數並沒有增加,所以點閱率反而下降了。這樣子不會被Google停權吧! 我是沒有注意過這個問題,也沒有聽說過相關討論。 倒是想請問你,在使用我的安裝方法以前,你是用手動貼廣告嗎? 如果你本來只貼一個廣告,現在頭尾都貼,那曝光數變成兩倍,是非常合理的!
請問是否能同時把一組文字連結+一組方形廣告。一起放在文頭與文尾呢?因為按照站長的教學似乎只能放一組
嗯,我的自動產生器只適合最基本的狀況。如果你要『一組文字連結+一組方形廣告。一起放在文頭與文尾』,要自己手動修改。 我自己的網頁就是上下不一樣的。你可以用『檢視原始碼』看我怎麼寫。基本上你要把兩個廣告程式碼都放上去,取不同的 div ID,一組是 divAdSenseContentScriptHead,另外一組是 divAdSenseContentScriptTail 然後把這段文字 DIVs[i].innerHTML = document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML + document.getElementById("divAdSenseContentScript").innerHTML; break; 改成這樣: DIVs[i].innerHTML = document.getElementById("divAdSenseContentScriptHead").innerHTML + DIVs[i].innerHTML + "<br>" + document.getElementById("divAdSenseContentScriptTail").innerHTML; break; Good luck!
謝謝大大,很棒的文章喔,這樣用下來真的方便多了~~
您好,最近想到要在文章內加入Adsense,經由Nelson的教學文章,看到迴響找到您這邊,製造了這麼方便的東西真是讚! 我取用後,將過程和程式碼以及一些不同的變更方式寫在自己的Blog上,如有不適的地方,敬請不吝告知,我會修改或刪除,感謝您。
Hi Bevis, 完全沒問題! 本來這些東西都是在網路上公開的資訊。 我的文章也有CC標示,你儘管取用。 其他人也可以到這裡參考 Bevis 的修改: http://harryvic.pixnet.net/blog/post/30717457
因為參考了您的方式所以Adsens順利放在每篇的文末啦 來跟您說聲謝謝 ^^
不客氣!
*****
*****
*****
*****
*****
*****
*****
*****
*****
*****
不好意思,我用了這個語法之後,卻出現文中的廣告不會出現的狀況,都要重新整理之後才會出現,不知道是什麼原因?
這個我也不清楚,也許跟你使用的瀏覽器有關。如果你換別的瀏覽器,還是一樣嗎?
也會耶,換了別的瀏覽器也是一樣,請朋友用他的電腦測試也是一樣。 難道我命中注定只能把廣告放在文章外面嗎QQ
*****
非常實用,謝謝提供這麼方便的資訊!
非常實用的資訊!!感謝提供~!
謝謝分享~ 已成功置入廣告,感謝
版大您好 如果要將廣告放在文章內容的中間,如開始後第幾行或是正中間的話, 該如何修改呢? 感謝
您好! 請參閱前面的留言,有人問過一樣的問題。 謝謝!
*****
*****