來幫部落格加個專屬的廣告輪播器吧-讓讀者看的文章優化 SEO
各位部落格的寫手們,一定常常有個困擾,有時候自己寫了一篇長篇大論,但是因為每天都要更新文章,因此難得的好文就這樣子被自己的文章給埋沒了,雖然說,手掌是肉,手背也是肉,但是總想要把自己比較喜歡的文章或是必須讓第一次來的讀者也可以輕鬆的找到你的經典文章,因此除了要掛廣告系統賺錢之外,也幫自己的文章打個廣告,快加上 corAsuirADS 吧。
這個廣告系統的前身是 梅問題廣告輪播 ,但是因為梅老師說他的廣告每次在 LOAD 的時候,因為沒有馬上及時讀取到圖片,因此會有短暫的閃白的情況發生,因此就想說修改一下做預先 LOAD ,再加上一些簡易的特效,並且整理一下分享給廣大的網友。
至於為什麼說是給人看的 SEO,許多格主都知道 SEO 是非常重要的,雖然我們都會加入隨機文章或是最多人點閱的文章,但是有一些缺點,第一,是由程式亂數去算的或是最高點閱數,第二,大多使用文字方式呈現,調查顯示圖片的廣告比較容易吸引讀者,因此自訂的廣告輪播算是對使用者做 SEO 優化,而對於搜尋引擎是無效的。
下載回來後,解壓縮,會看到一些檔案,幾個重點是
corausirADS.html –> 顯示廣告網頁
corausirADS.swf –> 主要顯示的 FLASH 程式
contents.xml –> 要顯示的廣告內容
當然還會有其他的檔案,包含圖片範例,圖片範例你可以移除,其他的檔案請一併上傳
圖片製作規格
本廣告輪播器支援三種檔案格式 jpg , gif , swf
顯示區域尺寸為 270 * 170 px
滿版區域尺寸為 270 * 220 px 但會擋住按鈕列,圖片需要注意
至於 GIF 與 SWF 檔案,動畫時間請抓在 10 秒以內,以免來不急 show 完
SWF 檔案請盡量少用 ActionScript 以免載入發生錯誤,並且請再 contents.xml 移除 link 連結
( 因為 swf 檔案本身就可以做多點超連結 )
contents.xml 廣告內容解釋
要編輯你想要的廣告內容,請打開 contents.xml 檔案,你會發現這是一個結構化的檔案
每一個 <ads></ads> 包含了三個屬性
<type>jpg,gif,swf</type> 設定你的廣告內容類型,目前只支援這三種類型
<source>ads.jpg</source> 設定你的檔名,請注意,因為 FLASH 有跨網域的安全限制
請將檔案放置在同一個網站空間內
<link>http://xxx.com/xxx.html</link> 設定你的超連結位置,當然你也可以把這行刪除,不做連結
當你修改完 contents.xml 之後,就可以將檔案以及你的廣告圖片一起上傳啦,再將你的廣告放在你的 sidebar 上吧,連接語法是
<iframe src="廣告網頁ads.html" width="270" height="220" frameborder="0" scrolling="no"></iframe>
大小再讓各位微調囉,當然如果差太多就沒辦法了。
注意事項 : 當然天下沒有白吃的午餐,雖然不是甚麼太具規模的程式 ( 不然要收費啦 XD ),但是如果網友不嫌棄使用的話,內容會自動隨機加入兩張本站的廣告,算是對我們的一種鼓勵吧 ^_^ 不然下次怎麼會有動力繼續製作勒 ( = = 想賺錢還說…. )
當然,本站既然是廣告設計的分享,以及放一些程式設計的分享,這樣子似乎有違本站的精神,如果你真的很討厭有廣告或是你還有更好的想法,那您可以下載原始檔,做您想要的修改,但不要劈頭就問怎麼移除廣告…。
Random Posts
Loading…
目前並無相關文章









因為有朋友反映 290 似乎太寬
一般部落格的 sidebar 似乎塞不進去
因此縮小範圍道寬度 270
頭鄉~?
超讚的!!!這的確可以SHOW出自己想表達的東西,而且不侷限是自己的文章耶!!
期待你們下一次的創意阿~~~~
@莫小屁
^_^ 感謝~
下次應該會做一個大版橫幅的…
因為小的似乎很難抓一個適合的尺寸
270 對許多人來說應該還是太大
好像不錯用~
有空再來搞一下,推你十把
這真是太COOL了 ~~ 推
不錯哦…很有趣的樣子…
謝謝你啦…找時間下載來玩玩!^0^
Wendy愛旅行
http://wendy688.pixnet.net/blog
哈囉,我是bo2,你的稿子我推薦到中時,有好消息,回封信給我,我們信上討論!!
@BO2
B老
我太開心了
都要哭了
嗯~~找原始檔來研究研究!^^
@拆組達人
你是想移除廣告吧 = =a
稍微修正了一下
1筆內容的時候也不會出錯嚕 ^^
很棒的設計~感謝分享
@Elvis
要不要考慮加一下 ^^
請問 “history”資料夾裏的東西是要做啥用的?可以不要上傳嗎?
@Dean
History 應是一些歷史資料~
不要上傳應該是沒關係但是可能要修改一下 HTML 檔案
你好!我想請問你! flex可以做成動態似的嗎?(例如像flash那樣) 是否得靠程式來運作!! 拜託你幫我解一下好嗎??非常感謝你
@vivi
我比較聽不懂你說的動態
你是說動畫嗎?~
FLEX 沒辦法做動畫喔~ 必須要在 FLASH 先做好
再匯出給 FLEX 使用喔~!
可以
但是邏輯要好
因為FLASH的方式已經幫你節省邏輯
所以FLASH比較好製作
但是邏輯觀念好用FLEX做也很快
但是缺點就是檔案會比FLASH大100-300K
@top
其實用 JS 也可以做出相同效果
至於要用 JS 還是 FLASH …
高興就好 ^_^
至於 FLASH 還是 FLEX 呢~
以程式碼的角度出發,還是 FLASH 比較好寫….