目錄：

如何添加廣告

如何排列廣告

如何設置手機廣告寬度

廣告位大小和位置介紹

如何單獨設置某個分類的廣告

站長如何自己制作廣告圖片

框分類的電腦和手機的廣告位是獨立分開的，每個廣告位可以添加多個廣告，數量不限制。

后面會說明每個廣告位的大小和顯示的位置

框分類支持四種廣告類型，包括圖片，FLASH，幻燈片，代碼

如何添加廣告

下面演示在首頁頭部添加圖片廣告

首先準備好廣告圖片

登錄后臺 廣告管理，點擊添加廣告

廣告位選擇首頁頭部

類別為圖片

廣告名稱自己寫一個，方便自己分辨和記憶

然后上傳準備好的廣告圖片

鏈接是當點擊廣告圖片后，跳轉的鏈接地址，可以不設置

排序是用來排列多個廣告位置的，后面會講到

大小這里我們設置1220像素寬，高度60像素，這個是根據你自己的需要設置的，想讓廣告圖片顯示多大都可以

這里的大小和圖片尺寸無關，多大尺寸的圖片都會被強制改成寬1220像素和高60像素

邊距是設置廣告圖片距離上下左右的空白大小

日期設置一下，可以用來檢索到期的廣告

廣告內容，當沒有設置鏈接時，設置廣告內容后，點擊廣告圖片后，會跳轉到一個系統(tǒng)生成的內容頁面

如果設置了鏈接，就會跳轉到鏈接，而不會跳轉到系統(tǒng)生成的內容頁面

最后的備注是站長自己備注廣告的一些信息的，比如多少錢，商家的電話等等

點擊添加廣告，首頁頭部的一個圖片廣告就設置好了

打開網站看一下效果

我設置的鏈接是 http://www.qthxxw.com 所以點擊這個廣告圖片打開的是http://www.qthxxw.com 網站

這個鏈接需要以http://或https://開頭

如果不設置鏈接，只設置內容，則打開的是系統(tǒng)生成的內容頁面

如圖

如果鏈接和廣告內容都不設置，則點擊圖片沒有任何反應

FLASH類別廣告和圖片添加方式是一樣的，這里就不再講述，注意的是，FLASH廣告無法設置鏈接和廣告內容，因為這里無法設置FLASH廣告的點擊鏈接

FLASH廣告的點擊鏈接是在生成這個動畫時已經設置好的

下面介紹添加幻燈片廣告的說明

這里還是添加到首頁頭部廣告位

也是先準備好幾張廣告圖片

在后臺 - 廣告管理，點擊添加廣告

廣告位選擇首頁頭部

類別是幻燈片

然后點擊上傳，選擇一張廣告圖片

鏈接選填，就是點擊這個圖片跳轉的鏈接

然后點擊添加按鈕

這樣幻燈片中的一張圖片就添加好了

我們繼續(xù)點擊上傳，選擇圖片然后點添加按鈕，來添加下一張圖片

這里我們一共添加三張圖片來演示

幻燈片的圖片數量是不限制的，但最好保持10張以內

都添加好后，可以通過上移、下移、刪除來調用圖片順序和刪除圖片

然后我們設置一下大小，寬度設置1220像素，高度為120像素，和圖片廣告一樣，大小根據自己的想法來設置

最后點擊添加廣告，一個幻燈片廣告就添加好了

我們打開首頁看一下效果

三張圖片自動切換，用戶也可以通過小點來切換

下面說一下代碼類型的廣告，這個是用來添加一些廣告聯盟的廣告代碼的，如百度廣告聯盟

也和上面操作類似，這里就不再講解了，注意的是，代碼類型的廣告和幻燈片類型的廣告一定要設置寬度和高度，不然可能會顯示不出來

如何排列廣告

看下面的例子

這里顯示9個廣告

下面是設置方法，這里的總寬度是1220像素

我們先添加一個廣告，廣告一，寬度為1220，高度80

邊距下10，設置邊距是為了讓每個廣告之前有間隙，更美觀

排序為100，排序數字越大越靠前

如果不會添加廣告的可以看上面

然后添加廣告二

因為廣告二和三顯示在一行，中間還有10像素的間隔

所以廣告二的寬設置為605，高度80

邊距右為10，邊距下也是10

排序設置為99，在廣告一后面

接著是廣告三

寬605，高80 邊距下10 邊距右0，因為他是一行中的最后一個，所以邊距右不用設置，默認為0

排序設置為98，在廣告二后面

這樣廣告二605+右邊距10+廣告三605，寬度正好是1220，所以他們顯示在一行

接下來添加廣告四、五、六、七、八

排序分別是97、96、95、94、93 這里的排序不需要是連續(xù)的，只要比前面的廣告排序小就可以

廣告四、五、六、七設置右邊距10，廣告八是最后一個，不用設置

他們的寬度是236

這樣5個236+四個右間距10就是1220像素

5*236+4*10=1220

這里我們不設置下間距，因為要設置5個，比較麻煩，下面還有一個廣告九，直接設置他們上邊距為10，效果是一樣的

最后添加上廣告九，寬度1220，高度80，上邊距10，就完成了

注：這里的高度80只是一個例子，想設置多高都可以，但一行的廣告高度要一樣，不然顯示的會參差不齊

如何設置手機廣告的寬度

由于每部手機的寬度都不一樣，設置手機廣告的寬度不能再用像素了

這里可以用百分比

設置為100%寬，就是屏幕的寬度，高度還是要以像素為單位

注意，高度還是要以像素為單位

如果想讓兩個廣告一行顯示，這兩個廣告的寬度就是50%

一行三個廣告，寬度就是33%，以此類推

廣告位大小和位置介紹

電腦版

首頁頭部，寬度1220像素，高度不限制

首頁中部廣告 寬度1220像素，高度不限制，注：有的首頁模板沒有中部廣告

首頁底部廣告 寬度1220像素，高度不限制，注：有的首頁模板沒有底部廣告

沒有調用中部或底部廣告的模板，可以通過自己修改template/index.html 模板來添加調用

下面的是調用標簽

${WebIndexAd1} 網站主頁中部廣告
${WebIndexAd2} 網站主頁底部廣告

首頁幻燈片廣告

注：有的模板沒有，首頁幻燈片廣告只是一個名字，可以不添加幻燈片類型的廣告

位置在頭部文章調用的左側，大小為寬320像素 高300像素

分類信息列表頭部

在分類信息的列表頁面顯示

寬度1220像素，高度不限制

分類信息列表右則

在分類信息列表右則顯示

需要在后臺開啟，默認不顯示

開啟方法

在后臺 - 網站設置 - 分類信息設置 列表右則廣告設置為顯示

效果如圖

寬度是232像素，高度不限制

如果想和左邊的方框對齊，每個廣告的高度設置為240像素，下間距為8像素

分類信息內頁

在每條信息的相關信息下面顯示

寬度為300像素，高度不限制

下面是商家列表頭部和右側

頭部寬度1220像素，高度不限制

右側寬度230像素，高度不限制

商家內頁廣告

在商家內頁的地圖下方顯示

寬度900像素，高度不限制

文章列表頭部和左側

頭部寬1220像素，高度不限制 

左側寬280像素，高度不限制

文章內頁

在文章內頁，熱門內容下方顯示

寬度為300像素，高度不限制

搜索列表右側廣告

在搜索結果右側顯示，寬度232像素，高度不限制

手機版

首頁頭部

在天氣和導航圖標上方顯示

寬度100%，高度不限制

手機版其它頁面廣告也都是在頭部顯示

包括分類信息列表頭部、分類信息內頁頭部、商家列表頭部、商家內頁頭部、文章列表頭部、文章內頁頭部、搜索頁面頭部

寬度為100%，高度不限制

手機版內頁廣告顯示效果

如何單獨設置某個分類的廣告

框分類支持每個分類單獨設置廣告，以房產分類為例

登錄后臺 - 分類設置，找到房產分類，點擊修改

鉤選獨立頭部廣告和右側廣告 

點擊確認修改分類

這樣設置后，房產分類就會顯示自己的獨立廣告了

添加廣告的方法

廣告管理 - 添加廣告

選擇一個廣告位

電腦版的分類信息列表頭部、右側、手機版的分類信息列表頭部，這三個都可以

顯示分類這里設置為房產

注：點擊輸入框會彈出分類選擇

這樣填加的廣告就會在房產分類中顯示了，房產分類設置為獨立廣告，所以只會顯示分類為房產的廣告

站長如何自己制作廣告圖片

這里針對不會設計廣告圖片的站長，有設計會ps的站長可以跳過

這里給一個在線生成廣告圖片的網站

網址：https://www.zhaoxi.net

各種尺寸的廣告圖片在線生成，大多都是免費的，也有一些收費的

找到想要的廣告素材，點擊，進入生成頁面

修改文字，點里按鈕就可以生成廣告圖片

生成后，在生成的圖片上，點擊右鍵，圖片另存為，就可以保存到本地

其它

在廣告管理中，可以進行廣告篩選

如果設置了廣告的開始和結束日期，廣告到期后，可以在到期廣告中看到，方便站長聯系客戶續(xù)費