框分類信息系統(tǒng)廣告功能說明

目錄：

如何添加廣告

如何排列廣告

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

廣告位大小和位置介紹

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

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

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

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

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

如何添加廣告

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

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

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

廣告位選擇首頁頭部

類別為圖片

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如圖

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

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

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

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

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

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

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

廣告位選擇首頁頭部

類別是幻燈片

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

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

然后點擊添加按鈕

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

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

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

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

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

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

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

我們打開首頁看一下效果

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

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

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

如何排列廣告

看下面的例子

這里顯示9個廣告

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

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

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

排序為100，排序數(shù)字越大越靠前

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

然后添加廣告二

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

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

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

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

接著是廣告三

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

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

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

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

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

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

他們的寬度是236

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

5*236+4*10=1220

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

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

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

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

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

這里可以用百分比

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

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

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

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

廣告位大小和位置介紹

電腦版

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

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

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

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

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

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

首頁幻燈片廣告

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

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

分類信息列表頭部

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

寬度1220像素，高度不限制

分類信息列表右則

在分類信息列表右則顯示

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

開啟方法

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

效果如圖

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

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

分類信息內(nèi)頁

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

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

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

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

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

商家內(nèi)頁廣告

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

寬度900像素，高度不限制

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

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

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

文章內(nèi)頁

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

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

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

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

手機(jī)版

首頁頭部

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

寬度100%，高度不限制

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

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

寬度為100%，高度不限制

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

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

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

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

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

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

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

添加廣告的方法

廣告管理 - 添加廣告

選擇一個廣告位

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

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

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

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

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

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

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

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

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

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

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

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

其它

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

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