2007/08/02

在 blogger 文章中 adsense 或其他廣告 隨你放!




因為有朋友留言提到這個問題, 一直抽不出身, 現在終於有時間把這些資訊整理一下了.

blogger 原本就有提供側邊欄(side-bar)直接導入 adsense 的功能, 在加入網頁元素時, 就可以看到這個選項了. 不過, 如果想在文章之中放 adsense 的話, 怎麼做比較好呢?

有幾個方式, 可提供參考.


1.如果 你的blogger 範本, 原本在 文章區的上方 就有新增網頁元素的功能, 那真是恭喜了, 因為你可以直接把 google adsense 的程式碼, 貼到這邊來.


選 加入網頁元素-> 選 HTML/JavaScript ->把程式碼貼上 -> 用滑鼠將這個新增的網頁元素,拖拉到文章區的下方, 就會出現一個顏色較淡的區域, 就可以移動到此了.


如果你發現在文章區上方無此功能, 但想用這方式, 可以參考這篇文章.新增Blogger Header及Post的網頁元素,可加入圖片或Adsense

不過,這種做法,會放在文章回應的下方, 效果像這樣.


2.如果是想放在文章結束後, 那麼就要動到html template 模板了. 老規矩, 先備份template吧!

然後 選擇 範本--> 修改 html

<p><data:post.body/></p> 後面加入以下這段程式碼.
<div style='float:center;'>
你的adsense 程式碼
</div>


**要注意的是, Adsense 程式碼, 要先處理一下. 才不會在儲存時, 出現編譯錯誤的訊息.
< 用 &lt; 取代
> 用 &gt; 取代
" 用 &quot; 取代

程式碼如圖.


效果如下.


3.如果是想放在文章的右方,


或是文章的左方,


那就要選一組最小尺寸(125X125)的設定,取得程式碼後, 一樣先處理<,>,"的問題.


然後 在<div class='post-header-line-1'/> 之下, 放下述程式碼.

<div style='float:left;margin:5px 10px 15px 20px'>
adsense 程式碼
</div>


其中 float:left 改成right, 就會變成把廣告放在文章右方了.

相關文章 :

16 comments:

E121°32'57.5" N24°57'40.5" 提到...

我之前也有寫一篇類似的文章:
http://gaytw.blogspot.com/2007/04/google-blogger-google-adsense.html
給版主參考...

Skyvee 提到...

你好, 謝謝你的資訊, 這樣大家也多個選擇了.

Darren Nicole 提到...

感謝您的文章
我看了您的部落格後用了很多您的技巧在部落格建置上

想請問
有沒有辦法能在文章的中間
即不是最前
也不是最後
放Adsense碼呢??

Skyvee 提到...

文章與文章之間可以, 在網頁元素-->blog文章-->編輯, 裡面就有adsense的設定.勾選 在文章之間顯示廣告.

Darren Nicole 提到...

不好意思...
我沒說清楚
我是指在一篇文章正文內
用文繞圖的方式放Adsense
要如何做呢??

謝謝您的回答

Skyvee 提到...

據我所知, 文繞圖的方式, 可以參考第三步驟的方法, 過去beta版的blogger, 還可能做到在文章中央加入adsense,後來這段的程式碼有改變, 如 data:post.body 是一次把post內容都倒出來, 所以比較難做到.

cola 提到...

Skyvee 你好,

為什麼我的廣告一直都是公益廣告,無論是用加入網頁元素直接加adsens或是加入網頁元素以HTML/JavaScript的方式將adsens code加入都是同樣結果,已經是到投快爆炸了,還是一樣.

您可以幫我看看問題出在哪裡嗎?

感激不盡!

cola

網頁:
http://onlycola.blogspot.com/

Skyvee 提到...

cola,不知道你是最近才加入code的嗎? 公益廣告通常是內容沒有相關廣告時, 預設值好像就會出現. 你可以查一下 在AdSense 設定-->取得廣告 --> AdSense for Content, 最下方有個 [替代廣告或顏色 ].

幾個方式建議,
1. 寫一篇跟吃或旅遊有關的文章, 最好普遍一點的.看看關鍵字會不會更新.
2. 更改替代廣告的方式, 改成 以單一顏色填滿空間。 (測看看,如果會出現單一顏色, 代表是目前沒有跟你文章內容相關的廣告)

這2種方法都是測試目前沒有跟你文章內容相關的廣告.

3.另外選個多廣告的連結組, 找個地方, 再貼一次看看.
4.再等個幾天看看.

cola 提到...

感謝skyvee熱心回覆

我是12/10加入的,這中間斷斷續續的嘗試,總是出現公益廣告,今天我照你的方式將替代廣告改成單一顏色填滿空間,果然出現單一顏色,證明這是沒有關鍵字的原因.

感謝你的協助,我再等一陣子試試看.

cola

Skyvee 提到...

Cola, 不用客氣, 希望能早一點找到原因. :)

賊又賊 提到...

你好!
請問適用其他的廣告嗎?
例如:興奇購物

Skyvee 提到...

我沒試過, 不過理論上應該可以的, 因為都是一段js碼,只要寬度不超過文章寬度.

火星人 提到...

http://nomlife.blogspot.com/

不好意思我按照您的方式改了以後

文章裡面還是沒有出現廣告

不知道哪裡出了問題

謝謝

Skyvee 提到...

你好, 不知你是想加在哪個位置呢?我看到您在sidebar位置已加入廣告程式碼.

joygene 提到...

謝謝分享!看了這篇教學文章,我很快就完成了。
以前試很久,都沒能成功。

Skyvee 提到...

Joygene,
很高興您成功了,也謝謝您的留言!

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.