協助 WordPress.com 搬家到 Blogger 記錄 + 問題解決

前陣子有 WP 網站想搬到 Blogger 而尋求協助,不過並非自架站 WordPress.org,而是免費的 WordPress.com。其實 WP 網站過去有處理過不少案件,但關於搬家的話倒是這兩者都沒實際搬過,等實際處理時才發現, WP.com 的難度還比較高。 因...

繼續閱讀全文

製作網路爬蟲工具抓動態產生的網頁資料﹍體育賽事範例實作

之前記錄了幾篇「 Google Apps Script 製作爬蟲工具 」的心得,使用 cheerio 套件之後,解析網頁的 HTML/XML 內容變得十分輕鬆。 但越來越多網頁使用 Ajax 動態載入資料內容,這些由 Javascript 產生的內容在網頁原始碼是看不到的...

繼續閱讀全文

Google Apps Script 操作 Google Photo API 上傳圖片實作心得

自從「 Google 關閉 Picasa API 」之後,比較適合拿來存放圖片的免費空間變成「 Google 相簿 」。不過Google 為了不想被當成免費的外連圖床,Google Photo API 有不少限制,可參考這篇新聞「 Google相片庫API正式上線,讓開發者在...

繼續閱讀全文

從 Google Analytics 撈點擊事件數據報表,儲存於 Google 試算表實作

觀察網站各處連結的點擊成效,可以了解版面配置的效果、訪客的真正需求等等。要做到這件事,除了網站需要安裝 Google Analytics(簡稱GA),也需要使用「 GA 事件追蹤器 」這類程式。 之前製作「 線上看電視 」後,為了瞭解觀眾最喜歡收看哪些節目、戲劇、政論、卡...

繼續閱讀全文

Blogger 設定 ads.txt 常見問題整理

Blogger 社團有幾個關於 Adsense 會顯示 ads.txt 錯誤訊息的提問與討論,其中某些案例看起來很難解決,因為牽涉到 Blogger 後台設定與網址代理商後台的 DNS 設定,由於權限的關係旁人無從得知實際狀況,只能憑空猜測,所以最終還是只能靠案主自己找出問題...

繼續閱讀全文

合法線上第四台直播頻道 + 隨選隨看(VOD)戲劇電影動畫整理

製作「 線上看電視 」之後,整合了多數 YouTube 上可合法收看的直播頻道、節目,不過仍有一些合法、擁有版權的第四台直播節目節目,並沒有放在 YouTube。不時有使用者詢問能否新增某些知名的卡通動畫、台日韓劇等節目,由於版權的關係那些節目很難放上 YouTube,不過倒...

繼續閱讀全文

Google Apps Script 使用 XmlService 解析 XML 要注意的地方

之前曾記錄使用 Google Apps Script(簡稱 GAS) 爬網頁資料,「 解析 HTML 及操作 DOM 的技巧 」,主要利用 GAS 的 XmlService 這個官方函數。 而最近爬 XML 頁面時,發現之前記錄的心得不敷使用,沒想到 XML 架構有點難以...

繼續閱讀全文

Google Apps Script 網頁爬蟲麻煩事交給 Cheerio 解決,輕鬆解析 HTML 與 XML

之前用 Google Apps Script(簡稱 GAS)製作網頁爬蟲程式,為了解析 HTML 與 XML 分別寫了兩篇心得: Google Apps Script 爬網頁資料,解析 HTML 及操作 DOM 的技巧 Google Apps Script 使用 Xml...

繼續閱讀全文

FB 不認識的人要求加好友,是否該同意?正反意見綜合分析

前陣子寫了一篇整理文章,發到 FB 後有不少分享,應該是許多人剛好都有同樣的需求。同時間那一兩天 FB 也收到不少加好友的邀請,由於從他們的個人簡介看不出確切的來歷,例如以往會加我的通常是網路、部落格相關領域,那麼簡介至少會有網站的資訊。這樣的情形一時之間也無法決定要接受或是...

繼續閱讀全文

讓 Blogger 導覽列的頁籤連結點擊後變色

標題的意思也許不太容易能理解,不過搭配圖片就比較清楚了。可參考上方示意圖,出自「 WFU 應用精選 」,點擊導覽列上的「精選作品」進入該頁面後,這個頁籤的顏色會與其他頁籤不同,能清楚辨識出這個頁面顯示的文章、工具屬於什麼性質。 這功能 Blogger 不必另外寫程式也能做...

繼續閱讀全文

擴充 Blogger 官方聯絡表單,讓任何自製版面的表格或內容都能傳送訊息

Blogger 官方「 聯絡表單 」是很棒的工具,提供了訪客傳送私密訊息的簡易管道。可惜的是制式版面只有三個欄位可以填寫(稱呼、郵件、訊息),當然這已能滿足多數用途,但要客製就相當不容易。 過去寫了這篇「 使用 Google 表單(自訂樣式) 取代 Blogger 聯絡表...

繼續閱讀全文

可練習英文聽力的 YouTube 經典卡通詳細整理

學習英文時,選擇適合自己程度的教材是最重要的,程度過低、過高都會事倍功半,甚至無法進步。 例如以前有人說多看歐美影集、電影、聽 ICRT 等等,長時間下來可以增進聽力,但實情是,當字彙不夠、根基不足時,這些再怎麼聽都不會進步,因為跟本聽不懂。 必須從聽力速度跟得上,內...

繼續閱讀全文

忘了備份要如何救回部落格網站文章內容、圖片

最近接到一個比較罕見的需求,案主表示 Blogger 每篇文章設定的「搜尋說明」(可參考「 Blogger 文章設定 」→「六、搜尋說明」),在今年 5~6 月間的文章都不見了,詢問有沒有辦法可以救回。 以前曾寫過「 Blogger 網站消失 」、「 Blogger 文章...

繼續閱讀全文

讓相簿圖片在網頁上呈現「瀑布流」+「自適應」版型﹍jQuery 畫廊外掛

這篇是「 jQuery 相簿畫廊外掛 nanogallery2 」系列文的第三篇,前兩篇分別介紹了: Grid 網格式排版 Mosaic 拼貼式排版 接下來介紹剩餘的兩種版面效果,但是標題 "自適應版型" 中文的字面跟英文原用語 "ju...

繼續閱讀全文

Javascript 產生偽隨機數字的方法及應用

最近接到一個需求,想在網站顯示虛構的線上人數。一般來說,顯示線上訪客數有很多免費的第三方服務,不過案主會有這樣的需求,代表網頁顯示的數字想要膨風一點。 用 JS 產生隨機數字其實很簡單,但如果隨機產生的線上人數太離譜,一眼就被看穿的話,對網站聲譽其實不太好,所以這功能也不...

繼續閱讀全文

解析中華電信電話行銷技巧

最近家人接到中華電信行銷電話,表示只要 xxx 元,上網速率就可以提升到 16M/3M。由於現在行銷電話太多,而碰巧我也很熟悉這個行業,因此那些行銷話術對我沒有任何作用。 聽起來再怎麼美好的電話行銷產品,記得別當下在電話中做決定就對了,一定要掛掉電話後仔細研究,真的有需要...

繼續閱讀全文

讓 Blogger 文章標題及文末都出現編輯圖示,方便修改文章

為了方便站長們編修文章,Blogger 官方在後台提供了設定方法,可在文末指定位置顯示編輯文章的小工具圖示,點擊後可直接編輯文章,省下在後台搜尋指定文章再編輯的時間。 這功能算是很貼心了,但對我來說還不夠,因為捲到文末仍需要花一些時間,如果要做到最方便的話,我想在文章標題...

繼續閱讀全文

文章更新速度與 Google 索引頻率、及 SEO 的關係

幾個月前寫了這篇「 網站管理員提交文章時,出現 "網址不在 Google 服務中" 訊息怎麼辦? 」,說明為何 Google Search Console 檢索的速度比較慢,導致出現錯誤訊息。沒想到這件事還有後續,而且發展出乎意料。 雖然已經寫了專文解...

繼續閱讀全文

珍惜免費資源,才能長久使用﹍沒使用 Blogger 請避免拿來當圖床

前陣子在某個非 Blogger 社團被 cue 到有關 Blogger 的問題,原來是有 WordPress 站長可能接到詢問,要如何減輕 WP 圖片的流量使用。 該站長找到的解決方案與 WP 無關,其分享文章介紹的免費圖床是 Blogger,建議其他 WP 使用者開個 ...

繼續閱讀全文

Line 無法傳未讀訊息給自己後,待辦事項改用 FB Messenger 發給自己

去年寫過這篇「 用 Line 傳未讀訊息給自己,成為待辦事項﹍不用擔心已讀訊息忘了處理 」,利用在手機上安裝兩個 Line,可以用第二個 Line 帳號發未讀訊息給主帳號,成為待辦事項。這個方法非常方便,出門在外用手機發的待辦事項,回到 PC 上只要打開 Line,看到有未讀...

繼續閱讀全文

Google 搜尋結果顯示的文章標題、摘要、縮圖,跟你想的不一樣(各種案例整理)

Blogger 社團有幾個提問跟「搜尋結果顯示的文字、圖片」不如預期有關,例如: 縮圖相關 :「用手機google搜尋時發現到blog文章的縮圖並不是封面的照片,而且用不同手機搜尋出現的縮圖還會不一樣,想問是否有方法可以指定某張圖來當搜尋的縮圖圖片嗎?」 標題相關 :K...

繼續閱讀全文

在網頁擺放 FB 即時通按鈕(免裝外掛),讓訪客線上即時聯絡

前陣子在「 CC0 免費圖庫搜尋引擎 」右下角,放了一個「錯誤回報」的按鈕,讓訪客可以即時留言回報站方。 這類的浮動按鈕很醒目,效果會比導覽列或頁尾的「聯絡站長」這類連結好一些。如果是熟悉網站動線的訪客,一般會知道去哪找留言板,但可惜很多使用者不一定熟悉網路或網站的通用設...

繼續閱讀全文

讓相簿圖片在網頁上呈現各種拼貼效果﹍jQuery 畫廊外掛

這是「 jQuery 相簿畫廊外掛 nanogallery2 」系列文的第二篇,本篇將會介紹非常具有藝術感的「Mosaic 拼貼式」版型,如同觀賞美術館(gallery)畫作一般。

繼續閱讀全文

讓 Google 試算表快速跳到指定行號

當 Google 試算表的資料沒那麼多時,滑鼠捲一下不用花太久時間,總可找到需要的儲存格位置。 但是當累積到數百、數千筆資料時,如果不知道儲存格該搜尋什麼字串的話,那麼往下捲這個動作真的是要人命。而且 Google 試算表並非一次載入所有資料,為了節省網路傳輸量,Goog...

繼續閱讀全文

常用程式碼片段的管理技巧及使用工具

協助前端架站久了之後,有許多常見的小工具會用到,代表需要安裝的程式碼中,有一部份是重複性高的,例如: FB 讚、分享按鈕 各種社群分享按鈕 FB 留言板等等 能重複使用的程式碼自然較有價值,即使是不能 100% 套用,但只要修改一部份就能用在新的情境,也是可節省大...

繼續閱讀全文

部落格文章修改發佈日期對 SEO 的影響

最近一位客戶的 SEO 流量掉很多,在協助尋找原因的過程中,詢問是否曾經為了 SEO 而做過哪些動作。因為有不少站長可能從網路接觸一些 SEO 文章,除了內容不一定正確,也可能該手法已經過時,所以有必要釐清客戶是否不小心做了哪些動作導致被處罰。 客戶表示「如果是以前寫的舊...

繼續閱讀全文

讓 RWD 表格能自動排序

過去為網頁表格的處理寫了不少文章,例如「 自適應 RWD 表格 」、「 讓網頁表格自動排序 」。 後來發現,效果比較好的 RWD 表格,因為手機的表格形式跟網頁已經完全不一樣,那麼在行動版將無法做到自動排序。 有次無意間在手機看到 NBA 的統計數據表格,算是比較傳統...

繼續閱讀全文

讓 Google Photo 實現各種相簿畫廊或輪播效果

Google 相簿由於官方的用意並非設計來當作圖床,那麼想要自行製作各種 Google Photo 工具相當不容易,例如在網頁上展示各種畫廊圖片排版效果、或是利用 Google Photo 來輪播等等。 主要是官方不提供任何輕易取得圖片外連的方法,如同這篇「 Google...

繼續閱讀全文

使用 Google Apps Script 爬網頁資料,解析 HTML 及操作 DOM 的技巧

前陣子接到的需求,要使用爬蟲程式撈特定網站資料回來,那麼利用 Google 試算表是不錯的選擇,除了每個儲存格的容量最多有 50000 個字元,還可用 Google Apps Script(以下簡稱 GAS) 執行爬蟲程式、處理各種細節。 不過撈完網頁內仍後,如何解析 H...

繼續閱讀全文

Blogger 文章自動產生大綱索引錨點區塊

今年的 Blogger 架站案例中,好幾個都要求在文章中製作一個區塊,裡面擺放多個錨點超連結,點擊後可跳到文章中對應的大標題。 雖然每個案例的客製執行效果都不同,有的將這個區塊放在側邊欄浮動,有的希望每個錨點分別出現在自訂位置,有的希望所有錨點集中在文章開頭,不過目的都是...

繼續閱讀全文

從任意網站(痞客邦、WP)無痛搬家到 Blogger,不影響 SEO 搜尋排名

之前這篇讀者提問「 Blogger 網址買了很後悔,可以再搬到新網址嗎? 」,當時想到的解決辦法是把文章搬到新的 Blogger 網址,然後舊的 Blogger 做搬家畫面導向新網站,花幾個月的時間慢慢移轉 SEO。 後來熟悉「 Google Cloud Platform...

繼續閱讀全文

Adsense 申請 + 廣告無法顯示的各種疑難雜症整理

最近一兩年詢問如何申請 Adsense 的案例越來越多,跟以往相較之下可說是門檻提升不少,這代表 Google 透露出這樣的訊息: Adsense 申請資格已經不像 5~10 年前那麼容易 投放(買)廣告的業主增加速度,遠不及想要擺放廣告的網站增加速度 供給小於需求的...

繼續閱讀全文

前端如何使用 JS 先壓縮圖片尺寸大小再進行上傳,有效節省儲存空間﹍實作範例

以前處理過一個客製系統,有多處需要註冊會員上傳圖片: 會員頭像 證件留底 設施環境介紹照片 由於使用者各種年齡層都有,不是每個人都網路世代,懂得先壓縮 JPG 檔再上傳,那麼上傳的圖片檔案可能會超出工程師想像。大部分中高齡使用者可能直接從手機選了圖片就上傳,也不會...

繼續閱讀全文

jQuery 相簿畫廊外掛 nanogallery2﹍排版效果與功能都十分強大

在網頁上展示相簿圖片可以有幾種作法,最常見的是使用輪播效果,過去介紹過幾個知名的 jQuery 外掛(使用 CDN): 最熱門 jQuery 圖片輪播外掛 Owl Carousel 過場效果華麗的 jQuery 圖片輪播外掛 Camera 優雅又八面玲瓏的 jQuer...

繼續閱讀全文

Google Cloud Platform 架設 WordPress 心得整理﹍HTTPS + FTP + 永遠免費方案

最近處理客戶需求得使用 WP 作業一段時間,想到「 Google Cloud Platform 雲端平台 」(以下簡稱 GCP) 提供了一年免費測試的服務,剛好可以來研究看看。 而且如果測試網站流量不大,那麼 GCP 還有「 一律免費 」方案,符合條件時也是有可能架設的 ...

繼續閱讀全文

使用 Gmail API 讓郵件插入圖片及 HTML﹍Google Apps Script 障礙排除 + 實作範例

上一篇說明完「 使用 Gmail API 寄信簡易管道 」流程,接著要實作利用 Gmail API 在郵件中插入圖片。 其實處理純文字郵件就已經挺複雜麻煩了,然而跟本篇相比,還算是小巫見大巫。啃了大量的郵件通訊格式資訊後,結果發現就算是使用完全正確的格式,Gmail AP...

繼續閱讀全文

Blogger 可以在行動裝置發佈文章+上傳圖片的 APP 整理

Blogger 社團這則「 討論串 」詢問 "是否有什麼app可以編輯好圖文然後上傳",原本認為這是很困難的事,因為年初 Google 宣布「 Picasa 關閉上傳圖片的 API 」,導致現在 Blogger 發文軟體已經沒有用處了,例如知名的 Open...

繼續閱讀全文

統計歸納網站所有連結的點擊成效﹍GA 事件追蹤器(會員加值文章)

上一篇「 GA 事件追蹤器 」的免費版功能比較少,本篇的版本可以做到這些事: 排除 Blogger 站長自己的點擊 對小工具進行分類,例如區分為導覽列、側邊欄、頁尾等等 監測動態 JS 產生的小工具連結 指定要監測的小工具 排除不要監測的小工具 關於這個工具的...

繼續閱讀全文

讓網頁表格自動排序﹍實作範例教學 (HTML 線上產生器)

之前寫過一篇「 讓網頁表格能自動排序﹍TableSorter 安裝懶人包 」,只要安裝這個外掛就能達到排序的效果,看起來非常方便。 但最近接到的需求除了要讓表格排序,還得讓案主知道怎麼做出表格來,這下就麻煩了,因為很多站長其實不熟悉 HTML 碼,自然也不知道表格 Tab...

繼續閱讀全文

網站管理員提交文章時,出現「網址不在 Google 服務中」訊息怎麼辦?

最近接獲線報,表示使用 Google 網站管理員(新版 Search Console),在上方搜尋框輸入網址查詢時,出現了訊息「網址不在 Google 服務中」。案主表示: 之前利用檢索都可以順利在Google建立索引,但從前幾天開始即使送出需求,網頁也一直無法建立索引,...

繼續閱讀全文

利用科學數據,決定網頁是否安裝特定外掛,優化網站配置﹍實作範例

過去我們網站擺放的各種外掛、小工具,一開始是如何決定的呢?是因為個人喜好,還是因為別的網站有裝,還是猜測訪客應該需要? 如果不確定為何而裝,那麼想必站長們都知道,外掛裝越多,網頁載入速度越慢,那麼究竟哪些外掛該移除呢? 還有,我們會在網站各處擺放各種想推廣的文章連結,...

繼續閱讀全文

使用 Gmail API 寄信的簡易管道及障礙排除﹍Google Apps Script 實作範例

最近研究 Gmail API 才發現,處理郵件是一件非常麻煩的事,操作 Gmail API 可說是我目前為止,所有經手過的 API 之中最難搞的一個。 如果可接受比較簡化的功能、不一定要使用 Gmail API 的話,那麼 Google Apps Script(以下簡稱 ...

繼續閱讀全文

CSS 撰寫技巧及規範﹍維護心得整理

前端開發 CSS 寫久了之後,發現幾個麻煩的地方: 命名字串想破頭,要避免重複,又得能正確理解 日後維護修改時,要找到正確的區塊位置得花不少時間 壓縮過的 CSS 碼無法閱讀、不易維護,好閱讀的 CSS 碼太冗長 因此決定研究一套方便維護 CSS 碼的作法,本篇心...

繼續閱讀全文

舊版 Instagram API 於2020年3月底失效,請更新 IG 九宮格圖片外掛

2020.7.14 公告: Instagram 官方宣布在 2020 六月底舊的 API 失效,所以本篇的工具已無效用,需要新的工具請參考「 利用 Instagram 基本顯示 API 取得圖片 」。 前陣子接到一個需求,希望在網站側邊欄擺放 IG 小工具,能顯示 9 ...

繼續閱讀全文

查詢網站所有連結的點擊成效﹍GA 事件追蹤器

我們的網站可能裝了各式各樣的小工具,例如: 首頁的輪播 側邊欄的標籤、熱門文章、精選文章... 文末的相關文章、延伸閱讀 這些工具的文章連結,無一不是想增加訪客的黏著度,盡量把訪客留在網站內,但我們真的有辦法可以明確瞭解所有工具的成效嗎?會不會裝了一卡車外掛結果根...

繼續閱讀全文

各種「網頁失效連結」檢測工具評價分析及使用心得

以往都是使用「 Google 網站管理員 」定期檢查有無索引錯誤,也就是內部有沒有 404 無效連結。由於以前覺得文章數跟大站相比不算多,不怎麼注意外部連結會失效的問題,不過最近「 Google+ 關閉 」、「樂多」停業後,網站會產生大量的無效連結,覺得也該是時候來檢查一下網...

繼續閱讀全文

Blogger 無法使用 Open Live Writer 後,寫文章有什麼替代方案?

Open Live Writer (以下簡稱 OLW) 是很多 Blogger 站長愛用的部落格寫作軟體,主要是上傳圖片的流程比較方便。不過 Google 宣布 2019/3/15「 永久關閉 Picasa 上傳圖片的 API 」之後,再也沒有管道可以用程式上傳圖片到 Pic...

繼續閱讀全文

網頁出現看不見的特殊字元或方框時,該如何處理?

有時我們會在網頁上看到亂碼,或是一堆方框,代表那些字元因為系統沒有對應的字型,或是字型不含這些編碼,所以無法顯示出來。 這次遇到的案例很特別,手機上會看到無法顯示字元的 "方框符號",網頁版卻看不到,以下來看看如何找出原因及解決。 (圖片出處: p...

繼續閱讀全文

Google Domains 台灣可以使用了﹍購買 + 轉移網域(Godaddy) + DNS 設定心得

幾年前在「 Godaddy 購買網址 」,一次買五年+隱私保護折價券,平均起來一年不到 USD 10。然而幾年過去,Godaddy 上市了,續約折價券沒了,隱私保護貴得離譜,網址續約不斷漲價。 雖說用起來滿穩定的,但續約的 CP 值低得可憐,所以近一兩年在網址到期前,我不...

繼續閱讀全文

蘋果新聞訂閱制,從 SEO 觀點看背後的真正意圖為何

前陣子蘋果網路新聞實施會員訂閱制,在網路界造成一股轟動,不過我並沒有看好,原因可參考「 部落格是否要加入內容付費平台 (Medium) 的考量 」。台灣目前還不具備訂閱制的成熟客觀環境,當先驅者會非常辛苦。 後來在 PTT 瀏覽器版看到這篇「 蘋果日報台灣 免申請會員便可...

繼續閱讀全文

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

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

繼續閱讀全文

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

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

繼續閱讀全文

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

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

繼續閱讀全文

Blogger 或部落格使用 Markdown 加快寫作速度的各種方案優劣分析

前陣子有讀者在「 Blogger 文章相關工具 」留言,詢問 Blogger 使用 Markdown 撰寫所發生的問題。雖然以前大致瞭解過 Markdown 的用法,但沒發表過相關文章,那麼現在就藉機會整理一下相關資料。 許多 Markdown 愛用者會希望 Blogge...

繼續閱讀全文

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

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

繼續閱讀全文
TOP