Blogger 網站如何追蹤 Google Analytics 點擊事件的成效?

之前接到一個需求,想在 Blogger 網站監測連結點擊的成效,收集不同優惠方案的點擊數據。 只要網站有安裝 Google Analytics(簡稱 GA),那麼做到這件事很容易,為每個點擊按鈕植入 GA 追蹤碼,在 GA 後台就能撈出點擊事件的詳細報表。 但實際上做了之...

繼續閱讀全文

前端操作 Apps Script 上傳檔案到 Google Drive 並取得連結﹍實作範例

先前示範過「 操作 Github API 上傳檔案 」的作法,這次介紹如何操作 API 上傳檔案到 Google Drive。 實際上,如果真的使用 Google Drive API 來上傳檔案有些麻煩,因為需要走 oAuth2 驗證權限、每次都需取得 Access Toke...

繼續閱讀全文

千萬別用 Wix、Weebly 這一類架站平台,將來想搬家都不行

前陣子接到一個搬家需求,想要從 Wix 搬到 Blogger。其實 Wix 風評很差過去已有耳聞,例如我在「 是否痞客邦、WordPress 的 SEO 比 Blogger 好,有這樣的事嗎? 」說過,Wix 的內容都是用 JS 產生,對 SEO 而言很糟糕。 而客人表示要 ...

繼續閱讀全文

為何 Blogger 封存頁面(archive)不該被索引?

用 Google 搜尋自己網站名稱時,如果權重還不錯的話,可能會有 2~6 個額外的「 網站連結 」 (sitelink)。如不清楚這是什麼意思,可參考這篇「 認識搜尋結果的 Sitelinks 」。 由於這 6 個額外的 sitelink 連結無法自行決定,我常常搜尋自...

繼續閱讀全文

SEO 紅利還剩多少空間可以操作?為何部落格不需要在意 SEO 架構?

接到的 Blogger 商業架站需求中,常會附帶要求加強 SEO,其中有些甚至希望改善 Blogger 的 SEO 架構。 從這些站長提供的背景故事中,發現某些共同現象: 以前搜尋結果大多在第一頁,但近期排名越來越後面,甚至快要搜尋不到了 。 於是 開始懷疑自己做錯了什...

繼續閱讀全文

網頁 API 測試工具整理﹍免費線上服務 + 軟體

前端開發工程師常需要串接各種第三方服務,例如 FB API、Google API 等。如果直接寫程式呼叫 API,可能會花不少時間 debug,來排除各種意想不到的錯誤。 Google 與 FB 很體貼開發者,官方大部分都有提供線上 API 測試工具,例如: FB Gra...

繼續閱讀全文

讓 FB 社團文章能依「貼文主題」分類﹍實作記錄

FB 社團長久以來給我的印象一直都不太好,因為實質上只是個大型塗鴉牆,除了 Google 搜尋不到,再怎麼有內容的分享、再優質的討論串,2~3 天後就沈得不見蹤影。對於資訊的分類、保存、去蕪存菁,都不具備一個正常討論區該有的功能。 直到近期看到不少 FB 社團有「貼文主題」的...

繼續閱讀全文

不是使用 CC0 圖片就沒事,若要「商業使用」請注意這些案例

製作「 CC0 免費圖庫搜尋引擎 」幾年下來,「 留言板 」累積了不少提問,其中有很多商業使用的相關問題,代表使用者會擔心 CC0 圖片仍有侵權問題。 這樣的考量是正確的,因為 CC0 圖片雖然標榜「可商業使用」,但請注意以下的邏輯: 「CC0 圖片可商業使用」不等於「所...

繼續閱讀全文

利用 Github API 上傳檔案﹍操作範例心得整理

「 Github 」是免費架設靜態網頁的好選擇,同時也提供了完善的 API,不必手動操作,用程式就能更新網頁,也能管理 Github 上的所有檔案。 本篇整理如何利用 Github API 上傳檔案的流程,並提供前端操作的範例程式碼。 (圖片出處: flickr.com ...

繼續閱讀全文

如何用 Javascript 複製文字﹍跨瀏覽器相容 iOS

最近接到的需求類似「點擊按鈕後自動複製折價券代碼」這樣的功能,因此研究了一下如何實現前端利用 Javascript 複製文字。 多年前曾在「 如何用語法保護網頁文章著作權 」多篇系列文寫相關功能,但這些年網頁技術進展很快,HTML5 新的 api 讓複製文字變得相當簡單。 ...

繼續閱讀全文

Google+ 關閉對 Blogger 的影響整理

相信每個人最近都會收到一封 Google 寄來的郵件「您的 Google+ 個人帳戶將於 2019 年 4 月 2 日停用」,而不少 Blogger 站長們對這個訊息感到恐慌,紛紛詢問是否會造成什麼影響,例如圖片會不會不見?Blogger 是不是會收起來? 由於 Blogg...

繼續閱讀全文

主流 CC0 圖庫已不再宣告「CC0 條款」,原因究竟為何?

去年「 CC0 免費圖庫搜尋引擎 」有忠實使用者傳來訊息提醒,收錄的 CC0 圖庫之中,「攝圖網」(699pic.com) 有照片為 VRF 授權,並非 CC0 授權。 詳細檢查了一下何謂 VRF,根據「 官方條款 」內容,以及該網站的「 免費用戶使用權限 」,使用圖片需要註...

繼續閱讀全文

FB 社團初期如何增加成員人數﹍心得整理

前陣子成立新的 FB 社團「 Blogger 經營學習資源分享 」,心情跟當初成立「CC0 免費圖庫」粉絲團一樣,擔心一開始人數少,會影響新成員加入意願,還找出一套「 FB 粉絲團快速互助增加按讚數攻略 」。 但 FB 社團可不一樣,用粉絲團那一套衝人數是行不通的,因此花了不...

繼續閱讀全文

網頁安裝思源宋體﹍CSS 最佳化實作 + 展示頁面

上一篇「 網頁安裝思源黑體﹍載入速度最佳化實作 」已說明了 Google Fonts 的中文字型處理技術原理,本篇直接說明如何安裝「思源宋體」。 最佳化的要點為: 手動拆解官方 CSS 檔內容,逐一加入 font-display: swap 參數 把所有 CSS 內容塞...

繼續閱讀全文

為何 Flickr 會刪除免費圖片額度?原來 Google 關閉了這個服務

Flickr 去年底發佈了這項震撼彈「 不給錢就刪圖!Flickr宣布終止1TB免費空間服務,免費用戶將只能保存1000張照片、其餘照片全數刪除 」,截止日期是 2019/2/5,在那之後 Flickr 會將免費版圖片刪除到剩下 1000 張。 2 年前曾在「 其實 Goog...

繼續閱讀全文

直接修改 Blogger 上傳的圖片網址參數(Picasa 圖床),就能改變尺寸、進行裁切、加強 SEO

從 Blogger 上傳的圖片、甚至 Google 相簿其實都是放在 Picasa 圖床, 詳細原理可參考「 其實 Google 相簿依然是 Picasa 」。 而 Picasa 圖床有著全世界其他圖床都沒有的技術,只要修改網址參數就能改變圖片尺寸,以及其他各種功能。 在...

繼續閱讀全文

網頁安裝思源黑體﹍CSS 最佳化實作 + 展示頁面

前陣子與朋友討論網頁安裝「思源黑體」的效果,有強者大大告知現在載入字型檔時,會拆成上百個小檔案。研究後發現這真是 Google Font 技術上的一大進步,「思源黑體」也正式成為我的選項之一。 以我個人的看法,微軟正黑體作為網頁內文主要字型的話稍微偏細,思源黑體視覺效果比較適...

繼續閱讀全文

網頁是否安裝思源黑體、中文字型的考量﹍影響載入速度的因素及作法分析

過去在「 網頁中文字型除了微軟正黑體, 還有這些好選擇! 」曾提過,網頁若使用「作業系統」以外的字體,由於中文字型檔案太大,會影響網頁載入速度。 後來 Google Fonts 免費讓「 讓思源黑體可直接外連 」,使用 Google 的 CDN 伺服器肯定比自己找網頁空間的連...

繼續閱讀全文

如何運用 FB 社團外掛進行推廣﹍網頁版 + 電子郵件

FB 粉絲團到達一定規模後,成立 FB 社團有很多好處,可讓(相同興趣的)粉絲交流共同關注的主題,話語權不再是單一來源。 萬事起頭難,無論是粉絲團或社團,初期如何增加粉絲數、或成員,都是會傷透腦筋的一件事。 本篇會說明如何利用 FB 官方提供的社團外掛工具,在自己網站增加...

繼續閱讀全文

歡迎加入 FB 新社團,「貼文主題」功能讓 Blogger 討論區更完善

本站經營主題為 Blogger,長久以來一直想提供 Blogger 站長們有個可交流的討論區,以下是我經手的幾個版本: 「 G+ 社群 」:2012 年成立── 討論區可分類 討論串回覆無法置頂 G+ 明年 2019 將要關閉 「 Blogger 論壇 」:2015...

繼續閱讀全文

10 個不建議使用 Blogspot 建立網站的錯誤觀念釐清

雖然在我心目中,無論是寫部落格、形象網站、創業架站,Google Blogger 都是一開始入門的首選,原因可參考: Blogger 是否搬家到 Wordpress 的比較 商業形象網站使用 Blogger 一頁式版型,有助於提升專業度及 SEO Blogger 架設電商...

繼續閱讀全文
TOP