NGO 網站改造案例分享

近來義務幫一個非政府組織進行網站改造，過程還蠻有意思的，遂在取得對方同意後，想把這番過程整理分享出來，或可給其它資源有限的非政府組織參考。

現況分析

若不陌生本站成立之前即對台灣倡議型NGO網站持續進行粗淺的資訊整理，上頭列了幾個檢查項目：網站、自有域名、https 安全連線、響應式版型（不含手機另採不同格式者，如綠色和平、勵馨，或是 blogger 用戶套用 google 另提供的手機版樣式）、域名專屬工作電郵等等，台灣非政府組織在這幾項的表現大概如下：

本案例中的非政府組織在以上三個項目中的情況皆為「否」，故在我看來頗有改善之必要，也是之所以主動接觸對方的原因。

該 NGO 使用 google blogger 架設官網，再利用自用網域名進行轉址，電子報系統則是 netivism 利用 CiviCrm 架設的電子報發送平台與線上捐款金流整合來作支持者、捐款人管理。其社交平台經營則是一如台灣網民被臉書生態系重度制約，專頁按贊粉絲號稱 16.5K，故對外界的公佈訊息處理，工作人員把會內的新聞聲明、報紙投書搶先放在臉書專頁上傳播，但實際的貼文傳播效果：能見度（impression ）與讀者支持者的互動情況（engagement rate）等數據資料不明。其它的社交平台還有：youtube、Google Plus 但人數少得可直接忽略（猜想是因為使用 blogger 所以才「不小心」有 google plus）。

受限於人力，工作人員得空才把這些放在臉書上的資料整理放回到自家官網。所以雖然該組織訊息產量與活動密度不低，每週至少有一則新聞稿投書或活動，但大約是一兩個月才更新一下網誌。網站的瀏覧量記錄每個月約只有1500～4000左右，此數字表現不甚理想，且其中二分之一以上的流量來源都是來自臉書。這點其實蠻警訊的，因為臉書不時變換演算法，未來勢必更朝向不掏錢買廣告則專頁訊息被臉友看到機會將大為降低。故如何提高其 SEO，多樣化訪客來源，減低靠臉書撐起流量，適當適時地把 NGO 的訊息能見度擴散出去與能量沈澱下來，都是「嚴峻」的課題。

至於電子報部份，發送對象約有1100人左右，因為人力吃緊與發送系統複雜的操作不易上手，發送頻率極不穩定，過往電子報的點閱開信率與轉換率等數據資料也不清楚。同樣根據之前對於台灣倡議型 NGO電子報的分析，此番電子報停滯的情況實為台灣大多數 NGO 的常態。危言聳聽的話，就是台灣大多數中小型的服務業營利與非營利部門（其實還有政治人物）在網路「行銷」的經營上，已淪陷在臉書所控制的花園圍牆。

綜上，想來一些結構性的問題也不便由外人說三道四，故本次改造任務僅能先從一點表象東西做起：

一、blogger 樣式改造：

其網站從一開始就是利用 blogger 作為發佈平台，資料轉換備份單純，且此次無變換發佈平台工具（若要轉成其它 CMS, static page generator 應該也很容易）。這回最主要是改變原本僵硬的主題樣式，進行 responsive theme 套用與微調修改，好讓網站在各式尺寸的螢幕上皆能呈現最佳的閱讀，以下圖為例，左側是改造過的響應設計樣式，不管螢幕大小，版面圖片選單文字都可自動配合「伸縮」，用不著再透過滑鼠去移動左右鍵。

由於此 NGO 本身的調性與過去保有的圖文資料較為單調（一字排開的記者會或靜態講座照片），故在挑選主題時也不宜套用設計感太現代前衛須依靠豐富多樣照片圖檔支橕的版型，所以鎖定的響應式主題先從適合新聞雜誌，但又簡約大方的風格下手。

趁著安裝改造新主題樣版，順便檢查了前後二套主題樣式中不明的網站追蹤器狀況，盡量拿掉無必要的連結功能，如 facebook, disqus 等。但畢竟使用的是 google blogger，終是逃不過這家全球網路廣告市場的最大追蹤霸主。

二、 https 設定

除 blogger 樣式改造之外，我個人還蠻介意賺飽了網路廣告營收還到處在網頁上安裝追蹤器監控收集用戶資料的 google，卻一直不願意為有自定網域blogger 用戶提供免費的 https 。相較之下， tumblr 今年已開始為自有域名用戶，提供免費的 Let’s encrypt 安裝申請。本來曾一度動念想利用 netlify 作一個 landing homepage，然後把網誌 RSS 嵌入,取消第三方轉址以繼續使用 blogspot.com 的 https 服務。但後來查到可以利用 CloudFlare 免費 SSL ，省下不少麻煩。

過去不太了解 nameserver 的用法，所以雖曾申請 CloudFlare ，但搞不懂 dns 造成自己的網站連結頻頻出錯，故一直放著沒用。開始玩 twngo.xyz 之後，才較了解 dns 入門，這回算是學到了新招，順利地完成了 CloudFlare 相關設定。免費的 CDN CloudFlare，加上免費的 google blogger 就可以讓自有網域名的 blogger 網誌能綁上綠色安全的小掛鎖圖標，開心～～。

網站提供 https 安全連線是大勢所驅，越來越重要，如果你的 NGO 自家網站還沒有 SSL，可以先查看使用的 web hosting provider 是否提供免費的 Let’s encrypt 安裝設定。如果這條路走不通，則不妨考慮把 domain name server 轉由 CloudFlare 代管。(為何 NPO 網站需要安全連線，請參考： The Importance of SSL for Nonprofits）

三、工作用電子郵件設定

該 NGO 過去根本不知道自身 domain name 的情況，近十年來一直是熱心的支持志工（趕快公開感謝 @axiao 老師當年協助申請域名並默默地代支付其年租費用），此情況在台灣大多數的 NGO 中似乎又是常態。 NGO 即便有租用自家域名，但大多不知道 DNS 相關的管理與設定，白白浪費了一年要繳3~7百元，卻不能讓 domain name 發揮最大的效益。這筆小錢在非營利網路行銷中的開支中儘管佔極小的比例，但卻是最重要基本的一件事！！！故先協助他們了解域名設定的自主重要，透過 zoho 免費版 business workplace 服務，快速申請設定作示範，終於有了像樣一點的工作用郵件伺服器。了解 name server, cname, A record， mx, spf txt 等用法後，希望能開啟對於 domain name 的各式使用可能性的想像。換言之，除了有正式工作電郵信箱外，接下來我們還可以做一口氣作十個子網站（逃～）

四、 app for Android 行動版手機應用試驗

只作 blogger 改版換個主題版型有點無聊沒挑戰性，於是想說若現今行動年代中傳統網站沒人看，那麼試試（學習製作）手機應用也沒什麼損失。且從此網站過去三年來的訪客資料，利用 Android 手機訪問的用戶約佔了全體訪問量的 15 ％。其間參考美國 Electronic Frontier Foundation，台灣泛讀（NPOst）兩款手機應用內容設計。因為是試驗品，所以偷偷地在裏面放了一些有的沒的東西。智慧手機的資訊風險更高於電腦，因為手機用戶端不比後者，無法輕易辨察 app 內容原始碼與網站連線資訊 ，小朋友不要亂試啊，這部份請另見 AndroidCreator 教學文。

以上的技術記錄，許多細節就不在此贅述，若想知道一些細節可以參考放在 github 的教學式記錄文檔。以下則是 jx 個人碎念。

在協助重整這個非政府組織網站的更早之前，今年初即曾主動接觸過三四個NGO，表達願意義務協助其官網改造，不過對方都沒有什麼積極正面的回應，心想自己也不用熱臉去貼冷OO，就默默地……。之後一直在想，網站幾乎是等同於自家門面，卻得不到應有的重視，是因為資源太過迫窘、組織業務太過繁忙，還是故意讓網站維持得很寒酸，以示 NGO 的勤儉持家（這哪招），或是根本只是迷信臉書的人氣流量引力，反正社交平台這麼方便：新聞稿、活動直播、報名網頁都可以在上面發生，辛辛苦苦作了官網、電子報又沒人要看，何苦呢？

用錢買網路廣告、想辦法取得政治權力、做出瘋狂蠢事後到 ptt 討拍求推爆等等方法外，我自己仍想不出任何可創造「流量人氣」的撇步竅門。只好退一萬步問：建立網站的目的僅是為了「吸引流量」嗎？還是有其它的作用與迴異於臉書專頁的目的？既然承認自己無法打造出人氣網站，所以近來「製作」網站時，心態反而更接近一種送行者或者是撿骨師的平靜（喂）。

其實「改造網站」只是藉口，原本更期待的是透過網站改造，能在此過程間接影響、提昇 NGO 工作人員的數位工具操作信心能力、反思網際網路開放或碎裂分化、提高資安保護認知。但從結果而論，此部份的成效還是非常非常非常地低。例如想引入教導他們開始使用 trello 來追蹤討論小小的網站改版事宜，但對方似乎對於陌生工具抱持一種的抗拒與逃避。或者更準確地說，當初一口氣熱心地去「承攬」這份工作，到頭來此事就是回歸到自己一人身上，對方依然「冷感」得很，故僅是「承包者」單方把東西做出來好讓「業主」驗收。至於這趟全套服務交差後，該 NGO 未來大概仍會繼續使用私人 gmail 處理組織公務，trello 帳戶團隊看版不知如何使用沒人聞問，網誌文章分類照片放置依舊亂七八糟，https 雜入不安全連線無法通過瀏覧器查驗……。好吧，我並不是醫院急診部門或復健科，只是生命禮儀服務業（默）。

曾經讀過一篇「A Civil Rights Organization That Does Social Media Right」，作者對某民權組織的網站與社交平台使用，分析探討該 NGO 的運作狀況。當時讀完這篇文章後，很想仿效其作法對台灣本地某個 NGO 做點從網站側寫探討。但這個心願遲遲未能啟動，主因大概是台灣絕大多數 NGO/NPO 目前的網站都太過單調貧脊；或者反過來說：大部份台灣 NGO/NPO 的「工作現況」並未充分利用網路媒介將之活潑生動地展現出來。希望今天這個改造案例的分享搭配這篇外國舊文回顧，或可讓我們來重新想想：NGO官網的目的是什麼，組織的使命宗旨是什麼，前者有可能協助後者的達成嗎？是的話又該如何操作？

聲明與說明: 本文不是在拉生意攬客文，在此過程中從未收取任何一分錢，除了義務投入的時間成本外，連主題模版版權使用費都自行支付。

除了每週二在 Medium 平台發佈專文外，歡迎訂閱「NGO 推進器」雙週電子報，主動把文章滙整到訂戶電子郵件: https://www.getrevue.co/profile/twngo ; 或是加入 TWNGO slack 安靜的聊天室。

TWNGO Slack

幾個月前，看到別人家國外ECF(eCampaigning Forum: 主要參加者為各NGO/NPO工作者，但也有些來自業界的「行銷」或技術高人，交流如何利用數位網路工具推展各式公共議題與社會行動)郵件群組的討論交流好不熱鬧，一度腦殘地想說，不知道台灣有沒有類似這樣給 NGO/NPO 工作者的線上社區交流平台園地？沒有的話，乾脆自己來弄一個（又失心瘋了,忍住啊……）。雖然這樣念頭在當下先被生生壓制住，但此想法總是揮之不去，於是又很自嗨地作起功課來研究：什麼樣的「平台」方式才夠吸引人或方便參與、平台上要交流什麼樣的「實用」資訊、該如何評估考量資訊安全和參與者潛在風險等等問題。

參考了一些國外網路(絡)社群建立的相關討論與對比台灣的使用者現況，這年代台灣似乎已經不時興郵件群組或討論區了，不管是私人之間的交流應酬還是公務討論、文章網誌發表，都留在臉書牆內。因此想像中的線上交流社區使用門檻要低，而類似像 Discourse 新世代「文明開化」討論區的玩意恐怕短期間也很難在台灣經營弄起來（雖然長程來看，討論區可以累積下豐富的長論述，減少不斷得應付入門者重覆性的提問）。想來想去可能類似 slack 線上閒聊的工具接受度參與度會比較好? 自己曾試玩與摸索安裝過幾款功能特色和 slack 相近的開源軟體，如 MatterMost、Rocket.Chat 、Martix、Glip(商用不開源)、hipchat(商用不開源)、discord(電玩界的slack)。

雖然在理念上很想時時刻刻實踐自由軟體精神以及能完全自主地控制相關資訊個人資料收集使用，但現實中是沒錢租機器或雲端服務來運作維護一個獨立實例（立即軟頸低頭）。再者考慮到台灣已有少部份 NGO/NPO 用 slack 作為組織內部的溝通協作平台，若要他們再加入另一個 slack 上頭的團隊或許困難度遠比要他們再註冊、下戴、學習 MatterMost, Rocket.chat 、Matrix 等其它slack替代品要低吧？雖然此舉不免多少加深了對某個商業封閉式服務的依賴，等同於雞蛋放在一起摔破風險的提高，但此時此刻能讓台灣人少用臉書一秒鐘都是好事吧 XDXD。

一、TWNGO Slack 線上社群資訊介紹

雖然從去年注冊了twngo.xyx 域名後，也隨即用twngo之名申請一個免費版的slack空間，但一直放著沒怎麼利用。這兩天解決了可自動發送邀請信的麻煩，把twngo.slack.com設成了一個公開的 slack 社群裏。先試著利用 IFTTT, Zapier 建立了幾個可能是對本地 NGO/NPO 工作者有用的資訊頻道：

來自台灣政府部門的訊息 #legislative_yuan ， #executive_yuan 這個構想是看到國外有人把美國參議院每天的議程訊息自動轉到了 slack 頻道。因此利用這二個憲政機關官網上的 RSS 訊息，把新訊息自動送到該頻道中。雖然目前看來這些官方訊息還蠻無用的，尤其是行政院╮(－_－)╭

2. #ngo_news : 這個當然是自家弄的推特，把它放入到slack群組內的一個頻道，（虛張）壯大一下聲勢。

3. #digital_chat：這個頻道的定位是希望能比較像ECF，NGO/NPOers 對某一些網路數位化工具討論或詢問啦，這也是短中期間最想弄起來的東西，但目前還沒人。向來平日的習慣是看到一些可能潛在有用的數位內容經營、網路安全實踐等資訊會丟到github 某相關專案的問題區(issues)配上適當的標籤，以方便未來某一天可以把它轉出成csv檔。現在暫且再透過zapier 把github issues 推到這個頻道，以後再看著辦吧。（一直很扼腕為什麼這個NGO數位資源電子報不是寫成如電腦玩物；免費資源網路社群實用應度性強、創造高人氣流量的部落格啊 Orz）

4. 其它還不知道有什麼東西可以玩，但歡迎一起來玩。也希望這些示範能讓各 NGO/NPO 考慮採用更多樣的協作溝通與資訊吸收集取管道，尋找適合自己團隊的工具軟體。

二、如何加入TWNGO Slack 公開線上聊天社群

請到這裏自動取得一封邀請信：

https://publicslack.com/slacks/twngo/invites/new

為了多多益善，先沒打算作什麼加入審查的保防步驟，任何人只要有個電郵地址就可以自由加入與退出。現階段在設定上也把個人登入郵箱資訊從用戶介紹上拿掉，換言之，應該除了有讀取團隊設定權限的管理者可以看到帳戶與電郵之間的連結外，其它使用者無法知道。其實並不確定這樣作的好壞如何。雖目標社群是 NGO/NPO 工作者或對社會運動與網路科技互動等議題有興趣的人，不過搞不好某某情治國安機關的人也會進來作一下情資監控收集（這是往臉上貼金吧XDXD，只消派出半個五毛來就夠令人心煩了）。

2. 社群參與共同準測 Code of Conduct：

• TWNGO Slack是可以自由加入的平台，算半公開性質，願能維持高度尊重個人言論自由與隱私的網路空間，當然不容忍任何基於性別、性傾向、身體障礙、族群、年紀、外貌身材、宗教等仇恨和歧視性言論與行為。參與者在此平台上仍保有對隱私的合理期待，此謂未經當事人明確同意，請勿擅自散播、轉錄其發言內容與可辨識連結真實身份的個資。

• 請為別人多花30秒想想她/他的立場處境，尤其當可能涉及安全與信任的求助問題。

• 請保持討論風度，希望社群參與者能提供過來人經驗彼此交流協助。

• 請針對事務提出看法意見，但勿作私人人身攻擊。

• 如發現任何人在本場域對自己或其它人有前述不當言行，或無理取鬧惡質挑釁的人身攻擊行為，建議不要助長其氣焰及浪費個人寶貴時間精力回應，請即協助回報給站台管理員（＠admin）處理。

3. Slack 使用簡介：slack 出道四年多，大概是因為很快就紅起來，收了不少資金用戶不斷增長，所以顧不上其它語系用戶，本地化的多語系介面一直沒什麼長進強化，但至少已可以找到不少的中文使用教學文章，故此處就不再多言重覆。可參考下述資訊

－Slack使用教學 by @bill3321

－Slack 團隊通訊平台簡介與入門

另小小地補充，除了瀏覽器網頁版外，slack 不但有智慧手機上應用程式可安裝使用(Android, iOS)，也有支援頁電腦不同作業系統環境（linux, apple osx, windows）的桌面客戶端可下載。

4. 安全與個人資料提醒：即便是付費商用版的slack，仍未支援端對端加密，換言之，不管是公開頻道、半公開或是個人之間私下直接傳訊，資料在傳輸過程中都有被攔截竄改監控的風險，故使用時務必清楚地意識此情況，若有高度敏感的訊息，切勿透過 slack 傳送交換。

slack 為一間註冊於美國加州的商業公司，若發生爭議的法律管轄法院為美國當地法院。使用它所提供的「免費」服務，勢必得付上一些眼前看不到的代價，例如免費版客戶對於自己使用該服務所留下的某些數據活動記錄，幾乎是沒什麼可以要求討還，或可隨時任意可要求刪除保留在服務商主機相關數據的權力（詳情參見 slack TOS, Privacy Policy）

本週其它推薦好文：

Nonprofit Technology Policy Workbook: idealware 於六月底發佈的參考資源，尤其是協助NGO/NPO以此來發展自身內部的科技工具、客戶資料、資訊安全、密碼使用、電子郵件甚致是夾帶附件的使用規則。框框架架的規則看似瑣碎惱人，但為什麼需要規則，有規則的好壞以及沒規則的利弊，或許都可以想想，再來決定組織是否需要規則。若認為已到了需要制定規則的地步，這份資源或許就是可派上用場的好工具了。
What Exactly Do We Mean by Systems? 來自美國史丹福大學慈善與公民社會研究中心電子報Stanford Social Innovation Review 六月份的一篇小短文。世俗中似乎一種小偏見，以為服務性質的社福團體多採末端用戶的接觸，鮮少觸及背後制度結構性的社會問題；而倡議型社運組織則好高調地不斷呼籲系統出了大毛病，卻不願腳踏實地理解人間疾苦與投入草根經營。嗯，個人覺得這或許只是面對還不完美社會，各自先採取了不同的取徑切入方式吧。

以上文章主要資訊來源是這份推特列表上所追踪訂閱的NGO/NPO/社會行銷策略專家。除透過Medium服務訂閱本站每週電子報專文與好文摘要推薦外，亦歡迎讀者可追踪本站推特帳號服務 (@NGONewsTW)，該帳號目前收錄了台灣約150個NGO/NPO的官網新聞自動推送或電子報內容。