首頁 > FLEX, 程式設計, 網頁設計 > 來幫部落格加個專屬的廣告輪播器吧-讓讀者看的文章優化 SEO

來幫部落格加個專屬的廣告輪播器吧-讓讀者看的文章優化 SEO

2009年8月24日  瀏覽次數 : 8,832

各位部落格的寫手們,一定常常有個困擾,有時候自己寫了一篇長篇大論,但是因為每天都要更新文章,因此難得的好文就這樣子被自己的文章給埋沒了,雖然說,手掌是肉,手背也是肉,但是總想要把自己比較喜歡的文章或是必須讓第一次來的讀者也可以輕鬆的找到你的經典文章,因此除了要掛廣告系統賺錢之外,也幫自己的文章打個廣告,快加上 corAsuirADS 吧。

image

這個廣告系統的前身是 梅問題廣告輪播 ,但是因為梅老師說他的廣告每次在 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…

:: 把這篇好文推到書籤網站與更多人分享吧 ::
  • funp
  • Hemidemi
  • YahooKimo
  • Google
  • udn
  • Haohao
  • Live

目前並無相關文章

Ausir FLEX, 程式設計, 網頁設計 , , ,

  1. 2009年8月24日18:50 | #1

    因為有朋友反映 290 似乎太寬
    一般部落格的 sidebar 似乎塞不進去
    因此縮小範圍道寬度 270

  2. 2009年8月24日19:39 | #2

    頭鄉~?

    超讚的!!!這的確可以SHOW出自己想表達的東西,而且不侷限是自己的文章耶!!

    期待你們下一次的創意阿~~~~

  3. 2009年8月24日19:42 | #3

    @莫小屁

    ^_^ 感謝~
    下次應該會做一個大版橫幅的…
    因為小的似乎很難抓一個適合的尺寸
    270 對許多人來說應該還是太大

  4. 2009年8月24日20:29 | #4

    好像不錯用~

  5. 2009年8月24日20:33 | #5

    有空再來搞一下,推你十把

  6. 2009年8月24日20:38 | #6

    這真是太COOL了 ~~ 推

  7. 2009年8月24日22:44 | #7

    不錯哦…很有趣的樣子…
    謝謝你啦…找時間下載來玩玩!^0^

    Wendy愛旅行
    http://wendy688.pixnet.net/blog

  8. BO2
    2009年8月24日23:59 | #8

    哈囉,我是bo2,你的稿子我推薦到中時,有好消息,回封信給我,我們信上討論!!

  9. 2009年8月25日00:16 | #9

    @BO2
    B老
    我太開心了
    都要哭了

  10. 2009年8月25日14:50 | #10

    嗯~~找原始檔來研究研究!^^

  11. 2009年8月25日14:52 | #11

    @拆組達人

    你是想移除廣告吧 = =a

  12. 2009年8月26日11:48 | #12

    稍微修正了一下

    1筆內容的時候也不會出錯嚕 ^^

  13. 2009年8月26日12:16 | #13

    很棒的設計~感謝分享

  14. 2009年8月26日15:12 | #14

    @Elvis

    要不要考慮加一下 ^^

  15. Dean
    2009年8月28日17:51 | #15

    請問 “history”資料夾裏的東西是要做啥用的?可以不要上傳嗎?

  16. 2009年8月28日20:29 | #16

    @Dean

    History 應是一些歷史資料~
    不要上傳應該是沒關係但是可能要修改一下 HTML 檔案

  17. vivi
    2009年8月31日09:05 | #17

    你好!我想請問你! flex可以做成動態似的嗎?(例如像flash那樣) 是否得靠程式來運作!! 拜託你幫我解一下好嗎??非常感謝你

  18. 2009年8月31日17:22 | #18

    @vivi

    我比較聽不懂你說的動態
    你是說動畫嗎?~
    FLEX 沒辦法做動畫喔~ 必須要在 FLASH 先做好
    再匯出給 FLEX 使用喔~!

  19. top
    2009年10月1日13:17 | #19

    可以
    但是邏輯要好
    因為FLASH的方式已經幫你節省邏輯
    所以FLASH比較好製作
    但是邏輯觀念好用FLEX做也很快
    但是缺點就是檔案會比FLASH大100-300K

  20. 2009年10月2日11:13 | #20

    @top

    其實用 JS 也可以做出相同效果
    至於要用 JS 還是 FLASH …

    高興就好 ^_^

    至於 FLASH 還是 FLEX 呢~
    以程式碼的角度出發,還是 FLASH 比較好寫….

  1. 2009年9月23日18:43 | #1