如何用google協作平台建置個人主頁？
閱讀時間約 10 分鐘
開頭要先特別感謝換日線、Shirley 梁雪莉兩位大神的文章，讓長期困擾沒有個人頁面的我動起了念頭，尤其是身為驕傲免費仔的我，研究WordPress架設網站知道要付費後，這把火更是被澆熄許久。
目前網站主要規劃放置過往的文章為主，首先來看成品的部分：木村白哉的個人寫作空間。
比較遺憾的是，個人長期活躍的平台是在MEDIUM，SEO每天帶來穩定的流量，所以首發文章也都會先上傳至MEDIUM。
直到2021年4月開始因為MEDIUM政策改變，日流量從原先每日三、四百，至今已經趨近於零，近期逐漸將文章慢慢轉向VOCUS，因此個人頁面所提及的文章都是來自上述兩個平台。
所以在Matters上的第一篇原創文章，這篇算是第一篇吧！
取之於Matters、回饋於Matters。
今天各位讀者在VOCUS看到本文，主要是筆者覺得時候到了，可以將文章轉發至此的緣故。
關於google協作平台基礎上的操作，上述兩位大大皆有提到的建議，個人就不再贅言，這邊就直接附上參考連結：
前言說完了，站在巨人的肩膀上，換我給想要透過google協作平台製作個人網站的人一些個人在製作頁面上的建議。
補充如何在google協作平台上設置網頁造訪人次計數器、版權聲明的宣告方式以及Likeco拍手內嵌方式。
網頁造訪人次計數器
我在頁尾放上一個部落格很常用到的造訪人數計數器功能：
只要上網搜尋瀏覽人次、網頁計數器等關鍵字，就能查到許多免費的版本。個人目前使用的是日本提供的版本：無料アクセスカウンター，設定方式在右上角有「大家尊敬的台灣」，點下去後就會變成繁體中文版。
設定完初始值、顯示位數、背景顏色，再選完樣式後送出，就會產生一組程式碼，原封不動的複製下來後，回到個人頁面，在右方編輯欄的「插入」選項中選擇「內嵌」，將複製的程式碼貼上「嵌入程式碼」，點選「下一個」後就大功造成了！
最後再根據排版改變大小與位置，就能幫自己紀錄開站至今（使用計數器後）的累計造訪人數。
版權宣告
身為一個寫作人，沒有人希望自己的文章被有心人士所盜用，所以我在頁尾的最下方附上版權宣告：
為了確保格式正確，特地去找了中英兩個版本的格式。首先要先對版權宣告的基本構成有所了解：
版權聲明：©符號代表Copyright，Copyright可用©來代替，寫了©後，Copyright可有可無。常見的幾種寫法：
- Copyright ©
- ©
- ©opyright
年份：可以是一個發表的年份(2021)，或是一個年份區間(2015–2021)。
作者：著作權擁有者的名稱或是縮寫，可以是公司（如果是公司網站，通常是掛公司的抬頭全名），也可以是作者筆名或暱稱。
完整的版權宣告寫法：
- ENGLISH：Copyright © [year] [owner]. All rights reserved.
- 中文：版權所有© [年] [擁有者]
- 中英混搭：Copyright © [年] [擁有者] 版權所有
精簡的版權宣告寫法：
- ENGLISH：© [year] [owner].
- 中文：© [年] [擁有者]
範例參考
- Copyright © 2021 Apple Inc. All rights reserved.
- Copyright © 2021 Apple Inc. 保留一切權利。
台積電：
- Copyright© 2010–2020 台灣積體電路製造股份有限公司 著作權所有
- Copyright© Taiwan Semiconductor Manufacturing Company Limited 2010–2020, All Rights Reserved.
NIKE：© 2021 Nike, Inc. All Rights Reserved
- Copyright © 2014–2021 Gogoro Inc. 著作權所有，並保留一切權利。
- Copyright © 2014–2021 Gogoro Inc. All rights reserved.
Microsoft：© Microsoft 2021
基本上很彈性，有許多知名企業的官網頁尾都能參考。個人則是沒想太多，純粹因為頁尾很空，所以就先將中英兩版先都丟上去站版位，也順便把圖片的來源也一併說明（網頁圖片皆來自本人拍攝）。
確認好自己想呈現的版權宣告格式後，為了避免每年手動修改年份，因此我內嵌了一段程式碼，每過一年就會幫我自動更新到最新的年份。
英文格式：
Copyright ©
<script language="JavaScript" type="text/javascript">
now = new Date
theYear = now.getYear()
if (theYear < 1900)
theYear = theYear + 1900
document.write(theYear)
</script> Patrick Wong. All rights reserved.
開頭的 Copyright ©可以修改成自己喜歡的方式，尾巴的Patrick Wong. All rights reserved.也可以根據個人頁面以及呈現方式做修改。不單單是英文，也能用中文呈現：
版權所有 ©
<script language="JavaScript" type="text/javascript">
now = new Date
theYear = now.getYear()
if (theYear < 1900)
theYear = theYear + 1900
document.write(theYear)
</script> 木村白哉
大家就根據自己的喜好修改後，同樣在「插入」的「內嵌」選項中，將複製的程式碼貼上「嵌入程式碼」，並修改成自己想樣的文字內容，點選「下一個」後就大功造成了！
內嵌like.co拍手連結
個人一開始是直接仿造MEDIUM文章的方式，將網址連結使用「插入」的「內嵌」選項中，將複製的連結貼在「使用網址上傳」：
雖然個人在發布後，用個人帳號看是沒有問題，但是只要在非帳號模式下觀看（無痕模式），就會顯示 「like.co拒絕連線」。
才發現google協作平台沒有像MEDIUM這麼人性化，將網址丟入文章就能使用。最後沒辦法，與大神換日線請教，正確的方式要在右方編輯欄的「插入」選項中選擇「內嵌」，將以下程式碼「修改成自己的格式」後貼在「嵌入程式碼」，最後點選「下一個」就可以成功顯示。
<iframe data-v-b66e9a5a=”” frameborder=”0" height=”230" src=”https://button.like.co/in/embed/你們的ID /button?referrer=單篇網頁的網址” width=”100%”></iframe>
像是我自己最後的「嵌入程式碼」設定如下（要記得改成自己的網址！）：
<iframe data-v-b66e9a5a="" frameborder="0" height="200" src="https://button.like.co/in/embed/patrick_wong/button?referrer=https://sites.google.com/view/patrick-wong/" width="100%"></iframe>
拿「嵌入程式碼」與「使用網址上傳」比較一下：
會發現「使用網址上傳」的內嵌方式會多出一個「返回」的橫條，最後在非本人帳號或是非帳號模式下進入頁面，就會跑出剛剛無法顯示拍手、或是「like.co拒絕連線」的情況發生。
所以有考慮在google協作平台上內嵌like.co拍手功能的朋友，關於like.co拍手功能該如何「正確」嵌入才能正確顯現在網頁上，上述方法一定要學起來！
最新資訊與可收合文字的運用
在我自己的個人頁面中，有一個最新資訊的欄位，內容頁面是利用「可收合的文字」做重大資訊更新的使用。利用日期跟大標當作主題，對資訊有興趣的人在去做點選標題內文即可，這樣可以大幅節省頁面篇幅，也減少瀏覽者對資訊轟炸導致的疲乏。
另一個好處是，之後舊訊息太多要整理時，只要在最新資訊的拉一個年份與月份的子頁面（2021年7月），將舊資訊的整個文字方塊剪下後貼到該子分頁即可，方便歸類自己網頁的營運軌跡。
結語
關於透過google協作平台自建個人網站的補充，大概就說到這，希望藉由這篇文章拋磚引玉式，吸引其他厲害的設計者分享自己如何美化個人頁面的方式與手法。
最後，對於個人主頁木村白哉的個人寫作空間內容有任何指教，也歡迎大家不吝提出（路過可以順便拍個手，當作是「到此一遊」的足跡證明XD）。
參考資料
246會員
465內容數
一位在因緣際會之下，動了想去紐西蘭的念頭，卻陰錯陽差跑到澳洲打工度假的背包客。
脫離台灣世俗的期待，踏上打工度假的不歸路，第二人生正式在澳洲啟航。
如果人生很短，那青春就是短暫一瞬間，屬於你的第二人生，下一站在哪呢？還沒開始的理由，又是什麼呢？
歡迎來到我的澳洲故事館，分享我在澳洲的旅程故事。
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
我人生的第一個個人主頁「Shirley Leung 的創作空間」
終 於 出 爐 了 ！
近期皓哥3C都有遇到客戶跟皓哥反應Android手機或平板發生GOOGLE屢次停止運作的訊息不斷跳出,尤其今天中午特別嚴重,很多客人的安卓手機或平板都發生災情,紛紛電話詢問皓哥該如何處理.
目前皓哥判斷這可能是安卓系統最新的更新又出現問題,目前還是要等待GOOGLE發布最新的版本,
由於重新架了一個新網站，流量全掉，SEO 什麼的全部重來😞
既然如此，我就一邊重弄一編寫教學文吧！（握拳）
今天我會介紹一個最基本的工具：Google Search Console。
這是一個 Google 提供的免費網站 SEO 工具，讓使用者可以提交自己的網站給 Google 搜尋引擎做檢索，
上次小K向大家介紹了Google Ads是甚麼，亦了解了我們可以如何透過投放廣告來提升我們的曝光率，這次小K便想教大家一個既可以節省成本，又可以宣傳自己的方法，在Google Ads裡面投放廣告的時候，我們首先需要申請一個Google Ads的帳號，如果你本來已經有Google帳號的話，那麼你就可以
「自媒體」不單單只能透過「影片」、「聲音」、「文字」去分享，也有另一種是將自己形塑成一個「訊息傳播站」，你把你想要推薦的，一一展現給網路的使用者，從影視到聲音，從娛樂到閱讀，從日常到深度的思考⋯⋯像個真正的媒體，多元地傳播好內容給其他的人。
發現google協作平台提供新的、簡單的網頁製作功能，便拿手邊正在進行的案子元素來做一個單書頁，也隨手拿來做成教學。（感謝麥田出版提供圖文資料）如果有興趣的人想研究，這功能幾乎也能做成一個陽春但還算功能齊全的「網站」或者個人的基本文字連載之類的，這就容後再談了。
電子商務平台若要經營的好，首重數據解析。所謂數據解析，並不是一群行銷人員聚在一起猜猜看、想想看，說的頭頭是道，好似有理有據的分析；真正有用的分析，應該是第一線實戰得來的經驗數據。如果電子商務平台提供 GA 功能，所有第一線實戰經驗數據，將大大增加整個平台商家的營收。－－－電子商務平台策略聯盟
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
我人生的第一個個人主頁「Shirley Leung 的創作空間」
終 於 出 爐 了 ！
近期皓哥3C都有遇到客戶跟皓哥反應Android手機或平板發生GOOGLE屢次停止運作的訊息不斷跳出,尤其今天中午特別嚴重,很多客人的安卓手機或平板都發生災情,紛紛電話詢問皓哥該如何處理.
目前皓哥判斷這可能是安卓系統最新的更新又出現問題,目前還是要等待GOOGLE發布最新的版本,
由於重新架了一個新網站，流量全掉，SEO 什麼的全部重來😞
既然如此，我就一邊重弄一編寫教學文吧！（握拳）
今天我會介紹一個最基本的工具：Google Search Console。
這是一個 Google 提供的免費網站 SEO 工具，讓使用者可以提交自己的網站給 Google 搜尋引擎做檢索，
上次小K向大家介紹了Google Ads是甚麼，亦了解了我們可以如何透過投放廣告來提升我們的曝光率，這次小K便想教大家一個既可以節省成本，又可以宣傳自己的方法，在Google Ads裡面投放廣告的時候，我們首先需要申請一個Google Ads的帳號，如果你本來已經有Google帳號的話，那麼你就可以
「自媒體」不單單只能透過「影片」、「聲音」、「文字」去分享，也有另一種是將自己形塑成一個「訊息傳播站」，你把你想要推薦的，一一展現給網路的使用者，從影視到聲音，從娛樂到閱讀，從日常到深度的思考⋯⋯像個真正的媒體，多元地傳播好內容給其他的人。
發現google協作平台提供新的、簡單的網頁製作功能，便拿手邊正在進行的案子元素來做一個單書頁，也隨手拿來做成教學。（感謝麥田出版提供圖文資料）如果有興趣的人想研究，這功能幾乎也能做成一個陽春但還算功能齊全的「網站」或者個人的基本文字連載之類的，這就容後再談了。
電子商務平台若要經營的好，首重數據解析。所謂數據解析，並不是一群行銷人員聚在一起猜猜看、想想看，說的頭頭是道，好似有理有據的分析；真正有用的分析，應該是第一線實戰得來的經驗數據。如果電子商務平台提供 GA 功能，所有第一線實戰經驗數據，將大大增加整個平台商家的營收。－－－電子商務平台策略聯盟