5分鐘打造你的專業免費專屬網站—Weebly線上網頁服務(下)

0
30,983 人次

7.Google地圖

當我們想表示某個地點時,除了列出地址之外,最好的方式就是插入一張地圖了。Weebly可以讓你直接插入「Google地圖」元素,只要在工具列的「地址」處輸入地名或地址,並選擇地圖的大小、縮放比例,就可以在網頁中輕鬆顯示地圖了,真是方便啊!

image

8.YouTube影片

由於Weebly的Pro版才能直接上傳音樂或影片,因此如果想把影片加入Weebly網頁中,我們可以先將影片上傳到YouTube,然後插入一個「YouTube視頻」的元素進來,並在上方的URL欄位處貼上YouTube影片的網址,就可以在網頁裡面嵌入影片了。

image

9.購物車

在Weebly的「收益」類元素中,除了可以插入Google AdSense廣告碼,增加你的收益之外,還可以做簡單的線上購物車。只要選擇上方的產品元素(共四種),並輸入你的Google Checkout或Paypal帳號,即可製作一個簡單的購物車網頁了,只不過目前只有兩種付款機制,而且在台灣還不是很流行,如果你真的要製作一個線上購物車網站,還是利用osCommerce之類的軟體來架設會比較適合。

image

10.RSS閱讀器

當你想將其他網站的好文章加入到自己的網頁中,只要先取得該網站的RSS網址,然後插入一個「源閱讀器」的元素,在工具列貼上RSS網址,就可以將RSS內容嵌入到Weebly網頁中。

image

11.插入HTML原始碼

由於Weebly提供的網頁設計元素不多(例如不能畫表格),因此你可以利用插入HTML原始碼的方式,將一些JavaScript程式碼、或是用其他網頁設計軟體所設計的HTML程式碼給嵌入進來,讓網頁內容變得更加豐富。

image

12.設計問卷

在Weebly中提供了三種表單(form):聯繫表單、回覆表單及調查。裡面的問題、文字都可以自己設計,方便你在不透漏個人Email的狀態下,就能蒐集到訪客的意見,或是設計一份問卷調查表。

image

插入表單之後,上方會顯示為表單設計元素,有短文本框(即單行欄位,可以輸入姓名、地址、電話…等資料)、長文本框(多行欄位,可輸入長篇的文字)、選項按鈕、下拉框、複選框(核取方塊)及上傳文件(Pro版才提供)等六種。免費版Weebly只能輸入五個問題,教育版則多了上傳作業的功能。

image

當你設計好表單並發布網頁之後,訪客要是填寫了內容,我們可以從Weebly後台的「表單輸入」來查看。

image

畫面中可看到填寫時間及內容,並紀錄了IP位址(可防止灌水),還可按下右上角的「Export Data」將調查資料匯出成.CSV檔,方便你透過試算表軟體進行統計喔!

image

二、推薦朋友使用Weebly

如果你覺得Weebly相當好用,想推薦給親朋好友一塊兒來使用的話,那麼你可以點選Weebly後台上方的「我的推薦」,取得一個推薦連結,當其他人透過此連結來註冊Weebly,只要一個註冊就可以免費送你一個月的Pro版帳號喔!

image

在「我的推薦」下方會列出經由你推薦註冊的使用者,要取得一個月的Pro帳號,對方除了註冊Weebly之外,還必須發布一個網站才算是有效推薦,而且贈送最多6個月。你可能會問說:Pro帳號到期之後,Pro版才有的元素或是超過兩個網站會怎麼辦?我目前是還沒遇到這種情形,但是我知道的是Pro版元素只會在網頁中顯示不出來,並不會刪掉,至於超過免費版兩個網站,我猜應該是會凍結不讓你編輯吧~

image

※PS:如果你擔心贈送的Pro帳號過期,其實很簡單,只要你利用自己的推薦連結再註冊一個帳號(可利用其他Email信箱、郵件分身,甚至是亂填Email也沒關係),並隨便發布一個網站,就可以又延長一個月的Pro帳號啦~

 

三、觀察你的網站流量

要如何得知我的Weebly網站流量有多少呢?其實很簡單,只要在Weebly後台,按下網站名稱右邊的〔統計〕按鈕,就可以進入流量統計頁面了。

image

裡面會顯示每天的訪客數量圖,下方還會統計熱門的頁面,以及訪客透過搜尋引擎的「搜尋詞彙」找到你的網站,還有訪客是透過哪些推薦網站連進來的數據。

image

當然你也可以申請「Google Anlystics」(Google分析),取得一段分析專用的JavaScript程式碼,嵌入到你的Weebly網站。

image

嵌入Google分析的程式碼,需填在Weebly的「設置」→「搜尋引擎優化(SEO)」,裡面的「頁腳編碼」欄位中。

image

看了以上的介紹,是不是對Weebly有了更完整的認識了呢?想要架設一個專屬網頁的讀者們,趕快去申請一個來試試看吧!相信一定不會失望的!

如果你還沒申請Weebly的話,也可以用阿正老師的推薦連結:http://www.weebly.com/link/3A5ZQz

(本文與D-Link 享樂數位生活合作並同步刊載, 欲留言請到此篇下方,謝 謝!)

 

###