2014年10月1日 星期三

想知道自己網站的台灣或全球排名嗎?安裝 Alexa 貼紙秀給訪客看

想知道自己網站的台灣或全球排名嗎?安裝 Alexa 貼紙秀給訪客看

Wayne Fu 0 A+

(Pic from: seomastering.com)
經營部落格一段時間後,如果小有人氣的話,站長們可能都會好奇,自己的網站在台灣能排上第幾名呢?其實對於這件事,能提供具有公信力的來源並不多,在亞洲地區可以申請加入「博勢力」的部落格排行榜。不過由於分類很多,且參加排行的網站比例不高,由部落格貼紙顯示的排名,很難看出網站的實力落在哪裡。

世界龍頭等級的 Amazon,旗下的「Alexa」提供了全世界網站的排名與統計數據。雖然為人詬病的是──「Alexa 可以買榜」,不過能花錢的網站畢竟佔少數,目前而言 Alexa 的排名算是最具有公信力的。

Alexa 官方提供的網站貼紙能在部落格顯示「世界排名」,而 WFU 提供的工具則能顯示「台灣排名」(或是地區排名),如果讀者有買網域的話,那麼就可試試本文的工具。效果類似這樣:






一、Alexa 簡介


1. 參考資料

簡單介紹一下 Alexa,由於網路上相關文章很多,提供一些參考資料:



2. Alexa 排名

關於網站排名,比較可惜的是 Alexa 只能統計 "自有網域" 的數據,如果沒有買網域的部落格就無法查詢排名了。例如 "痞客邦"、"Xuite" 這類的部落格平台,部落格網址都是掛在平台之下,像是 http://wfublog.pixnet.net/ 這樣,所以就算使用了 Alexa 貼紙,依然只會計算 pixnet.net 這個網域的數據與排名。

同理,沒買網域的 Blogger 網站,使用了 Alexa 官方貼紙,只會顯示 blogspot.com 這個網域的數據與排名。

如果你已經買了網域,想查詢自己的網站排名,可進入以下網址,將 "wfublog.com" 換成自己的網址即可:


以下是 wfublog.com 的統計範例畫面:




  • Glogal Rank 指的是「全球排名」
  • 有國旗標示的是區域數據,假設我們的網站在台灣、香港、美國三地都有排名數據資料,那麼此處只會列出排名最高的那個區域,通常台灣網站列出的就會是台灣數據。
  • 下方三組紅色文字,分別代表網站統計數據常見的「跳離率」、「訪客平均瀏覽頁數」、「訪客停留時間」。

雖然 WFU 懷疑紅色文字這部分的數據 Alexa 是怎麼得到的,不過的確跟 Google Analytics 的數據沒有差太多,所以還是滿佩服 Alexa 的技術。



二、Alexa 官方工具


Alexa 官方提供的網站貼紙,可以顯示全球排名,無法顯示區域排名,且無法自訂版面,想安裝的話可前往以下官方網頁:



雖然官方目前只提供兩種樣式的程式碼,不過 WFU 測出了有六種樣式可以安裝,將紅色字串 wfublog.com 改為自己的網址,貼在網站想顯示的地方即可:

1. 直式、小型



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=wfublog.com"></script></a>

2. 直式、含日期



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/b?url=wfublog.com"></script></a>

3. 橫式



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/c?url=wfublog.com"></script></a>


4. 直式、小型、含外部連結數



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=wfublog.com"></script></a>

5. 直式、大型、含外部連結數



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/b?url=wfublog.com"></script></a>

6. 橫式、含外部連結數



<a href="http://www.alexa.com/siteinfo/wfublog.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/c?url=wfublog.com"></script></a>



三、安裝「台灣(區域)排名」程式碼


想在網站秀出區域排名、也就是台灣排名的話,可按以下步驟安裝。


1. 準備動作

在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

請到後台「範本」→「編輯 HTML」,搜尋 </head> 這個字串,找到後在此字串的前一行,插入以下程式碼:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script>
<style>
/* Alexa 排行工具 */
#alexa_tool {
padding: 10px;
width: 200px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 3px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJZaUB9pI7GwoHfmBbFlLBj3a4gb6qRsut56TWogSveIcoqlrMKFfy2_QeIeHv4rciOG3ZhFBO91dMUgO6LynxpwcIosUi8X8VWeCJVB-9Wp0hPGqyo47LfOlzKlNlelJ8QaDX5WjpFHI/s1600/post-footer-300.png");
background-size: 100% 100%;
}
</style>


第一行可參考「引用 jQuery 的注意事項」,檢查範本是否已安裝過 jquery,以免重複安裝。

其餘 CSS 參數可依自己需求調整。


2. 安裝程式碼

請將以下程式碼貼在網站想顯示的地方。以 Blogger 舉例,可以在後台 → 版面配置 → 新增「HTML/Javascript」小工具,貼上程式碼即可。


以下說明請參照以上程式碼行號:

  • C、K:紅字 www.wfublog.com 請改為自己的網址
  • D:不需要全球排名可刪除此行
  • E:不需要台灣(區域)排名可刪除此行
  • F:不需要顯示外連數量可刪除此行
  • I:由於「Google Drive 關閉外連」功能,綠色字串的 JS 網址是無法外連的,請參照「WFU BLOG 外連 JS 變更及操作說明」,將這個連結下載後存成 JS 檔,上傳到自己的空間或 Dropbox。取得自己的 JS 檔外連後,置換本行的綠色網址字串。

儲存後即可看到效果,如同本文開頭的貼紙效果。

另外,C~F 行除了藍色字串可改為自訂字串,順序可自行調整,也能自行設計版面、CSS 參數。例如 WFU 為了版面需要,將所有資訊改為橫式顯示,類似下面這樣:



因此,有 HTML/CSS 概念的讀者,這個小工具就能隨心所欲改成想要呈現的樣式。


延伸閱讀:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP