目錄：

如何添加廣告

如何排列廣告

如何設(shè)置手機(jī)廣告寬度

廣告位大小和位置介紹

如何單獨(dú)設(shè)置某個(gè)分類的廣告

站長(zhǎng)如何自己制作廣告圖片

框分類的電腦和手機(jī)的廣告位是獨(dú)立分開的，每個(gè)廣告位可以添加多個(gè)廣告，數(shù)量不限制。

后面會(huì)說(shuō)明每個(gè)廣告位的大小和顯示的位置

框分類支持四種廣告類型，包括圖片，F(xiàn)LASH，幻燈片，代碼

如何添加廣告

下面演示在首頁(yè)頭部添加圖片廣告

首先準(zhǔn)備好廣告圖片

登錄后臺(tái) 廣告管理，點(diǎn)擊添加廣告

廣告位選擇首頁(yè)頭部

類別為圖片

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

然后上傳準(zhǔn)備好的廣告圖片

鏈接是當(dāng)點(diǎn)擊廣告圖片后，跳轉(zhuǎn)的鏈接地址，可以不設(shè)置

排序是用來(lái)排列多個(gè)廣告位置的，后面會(huì)講到

大小這里我們?cè)O(shè)置1220像素寬，高度60像素，這個(gè)是根據(jù)你自己的需要設(shè)置的，想讓廣告圖片顯示多大都可以

這里的大小和圖片尺寸無(wú)關(guān)，多大尺寸的圖片都會(huì)被強(qiáng)制改成寬1220像素和高60像素

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

日期設(shè)置一下，可以用來(lái)檢索到期的廣告

廣告內(nèi)容，當(dāng)沒有設(shè)置鏈接時(shí)，設(shè)置廣告內(nèi)容后，點(diǎn)擊廣告圖片后，會(huì)跳轉(zhuǎn)到一個(gè)系統(tǒng)生成的內(nèi)容頁(yè)面

如果設(shè)置了鏈接，就會(huì)跳轉(zhuǎn)到鏈接，而不會(huì)跳轉(zhuǎn)到系統(tǒng)生成的內(nèi)容頁(yè)面

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

點(diǎn)擊添加廣告，首頁(yè)頭部的一個(gè)圖片廣告就設(shè)置好了

打開網(wǎng)站看一下效果

我設(shè)置的鏈接是 http://www.qthxxw.com 所以點(diǎn)擊這個(gè)廣告圖片打開的是http://www.qthxxw.com 網(wǎng)站

這個(gè)鏈接需要以http://或https://開頭

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

如圖

如果鏈接和廣告內(nèi)容都不設(shè)置，則點(diǎn)擊圖片沒有任何反應(yīng)

FLASH類別廣告和圖片添加方式是一樣的，這里就不再講述，注意的是，F(xiàn)LASH廣告無(wú)法設(shè)置鏈接和廣告內(nèi)容，因?yàn)檫@里無(wú)法設(shè)置FLASH廣告的點(diǎn)擊鏈接

FLASH廣告的點(diǎn)擊鏈接是在生成這個(gè)動(dòng)畫時(shí)已經(jīng)設(shè)置好的

下面介紹添加幻燈片廣告的說(shuō)明

這里還是添加到首頁(yè)頭部廣告位

也是先準(zhǔn)備好幾張廣告圖片

在后臺(tái) - 廣告管理，點(diǎn)擊添加廣告

廣告位選擇首頁(yè)頭部

類別是幻燈片

然后點(diǎn)擊上傳，選擇一張廣告圖片

鏈接選填，就是點(diǎn)擊這個(gè)圖片跳轉(zhuǎn)的鏈接

然后點(diǎn)擊添加按鈕

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

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

這里我們一共添加三張圖片來(lái)演示

幻燈片的圖片數(shù)量是不限制的，但最好保持10張以內(nèi)

都添加好后，可以通過(guò)上移、下移、刪除來(lái)調(diào)用圖片順序和刪除圖片

然后我們?cè)O(shè)置一下大小，寬度設(shè)置1220像素，高度為120像素，和圖片廣告一樣，大小根據(jù)自己的想法來(lái)設(shè)置

最后點(diǎn)擊添加廣告，一個(gè)幻燈片廣告就添加好了

我們打開首頁(yè)看一下效果

三張圖片自動(dòng)切換，用戶也可以通過(guò)小點(diǎn)來(lái)切換

下面說(shuō)一下代碼類型的廣告，這個(gè)是用來(lái)添加一些廣告聯(lián)盟的廣告代碼的，如百度廣告聯(lián)盟

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

如何排列廣告

看下面的例子

這里顯示9個(gè)廣告

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

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

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

排序?yàn)?00，排序數(shù)字越大越靠前

如果不會(huì)添加廣告的可以看上面

然后添加廣告二

因?yàn)閺V告二和三顯示在一行，中間還有10像素的間隔

所以廣告二的寬設(shè)置為605，高度80

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

排序設(shè)置為99，在廣告一后面

接著是廣告三

寬605，高80 邊距下10 邊距右0，因?yàn)樗且恍兄械淖詈笠粋€(gè)，所以邊距右不用設(shè)置，默認(rèn)為0

排序設(shè)置為98，在廣告二后面

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

接下來(lái)添加廣告四、五、六、七、八

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

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

他們的寬度是236

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

5*236+4*10=1220

這里我們不設(shè)置下間距，因?yàn)橐O(shè)置5個(gè)，比較麻煩，下面還有一個(gè)廣告九，直接設(shè)置他們上邊距為10，效果是一樣的

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

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

如何設(shè)置手機(jī)廣告的寬度

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

這里可以用百分比

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

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

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

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

廣告位大小和位置介紹

電腦版

首頁(yè)頭部，寬度1220像素，高度不限制

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

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

沒有調(diào)用中部或底部廣告的模板，可以通過(guò)自己修改template/index.html 模板來(lái)添加調(diào)用

下面的是調(diào)用標(biāo)簽

${WebIndexAd1} 網(wǎng)站主頁(yè)中部廣告
${WebIndexAd2} 網(wǎng)站主頁(yè)底部廣告

首頁(yè)幻燈片廣告

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

位置在頭部文章調(diào)用的左側(cè)，大小為寬320像素 高300像素

分類信息列表頭部

在分類信息的列表頁(yè)面顯示

寬度1220像素，高度不限制

分類信息列表右則

在分類信息列表右則顯示

需要在后臺(tái)開啟，默認(rèn)不顯示

開啟方法

在后臺(tái) - 網(wǎng)站設(shè)置 - 分類信息設(shè)置 列表右則廣告設(shè)置為顯示

效果如圖

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

如果想和左邊的方框?qū)R，每個(gè)廣告的高度設(shè)置為240像素，下間距為8像素

分類信息內(nèi)頁(yè)

在每條信息的相關(guān)信息下面顯示

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

下面是商家列表頭部和右側(cè)

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

右側(cè)寬度230像素，高度不限制

商家內(nèi)頁(yè)廣告

在商家內(nèi)頁(yè)的地圖下方顯示

寬度900像素，高度不限制

文章列表頭部和左側(cè)

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

左側(cè)寬280像素，高度不限制

文章內(nèi)頁(yè)

在文章內(nèi)頁(yè)，熱門內(nèi)容下方顯示

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

搜索列表右側(cè)廣告

在搜索結(jié)果右側(cè)顯示，寬度232像素，高度不限制

手機(jī)版

首頁(yè)頭部

在天氣和導(dǎo)航圖標(biāo)上方顯示

寬度100%，高度不限制

手機(jī)版其它頁(yè)面廣告也都是在頭部顯示

包括分類信息列表頭部、分類信息內(nèi)頁(yè)頭部、商家列表頭部、商家內(nèi)頁(yè)頭部、文章列表頭部、文章內(nèi)頁(yè)頭部、搜索頁(yè)面頭部

寬度為100%，高度不限制

手機(jī)版內(nèi)頁(yè)廣告顯示效果

如何單獨(dú)設(shè)置某個(gè)分類的廣告

框分類支持每個(gè)分類單獨(dú)設(shè)置廣告，以房產(chǎn)分類為例

登錄后臺(tái) - 分類設(shè)置，找到房產(chǎn)分類，點(diǎn)擊修改

鉤選獨(dú)立頭部廣告和右側(cè)廣告 

點(diǎn)擊確認(rèn)修改分類

這樣設(shè)置后，房產(chǎn)分類就會(huì)顯示自己的獨(dú)立廣告了

添加廣告的方法

廣告管理 - 添加廣告

選擇一個(gè)廣告位

電腦版的分類信息列表頭部、右側(cè)、手機(jī)版的分類信息列表頭部，這三個(gè)都可以

顯示分類這里設(shè)置為房產(chǎn)

注：點(diǎn)擊輸入框會(huì)彈出分類選擇

這樣填加的廣告就會(huì)在房產(chǎn)分類中顯示了，房產(chǎn)分類設(shè)置為獨(dú)立廣告，所以只會(huì)顯示分類為房產(chǎn)的廣告

站長(zhǎng)如何自己制作廣告圖片

這里針對(duì)不會(huì)設(shè)計(jì)廣告圖片的站長(zhǎng)，有設(shè)計(jì)會(huì)ps的站長(zhǎng)可以跳過(guò)

這里給一個(gè)在線生成廣告圖片的網(wǎng)站

網(wǎng)址：https://www.zhaoxi.net

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

找到想要的廣告素材，點(diǎn)擊，進(jìn)入生成頁(yè)面

修改文字，點(diǎn)里按鈕就可以生成廣告圖片

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

其它

在廣告管理中，可以進(jìn)行廣告篩選

如果設(shè)置了廣告的開始和結(jié)束日期，廣告到期后，可以在到期廣告中看到，方便站長(zhǎng)聯(lián)系客戶續(xù)費(fèi)