「站內搜尋」節目頻道功能上線

由於所有的節目群組、分類非常多，截至今日為止，在「節目頻道一覽」頁面可看到所有節目頻道加總共有 863 個，這是非常龐大的數目，因此開站之初便有使用者希望有站內搜尋功能，方便快速知道「線上看電視」有沒有想要看的節目。

一開始的權宜之計是請使用者先進入「節目頻道一覽」頁面，然後按 Ctrl-F 搜尋節目名稱，當然這種操作方式沒那麼方便，不會是最終解決方案。

而現在終於把這個功能做出來了，以下會說明使用方式，以及為何要這麼久才能實現這個功能。

一、製作原理

本站是架設在 Blogger 這個免費部落格平台，有使用過、逛過部落格網站就會知道，「站內搜尋」是部落格平台的基本功能，算不上難事，那為何「線上看電視」遲遲做不出搜尋功能呢？

相信愛用者都知道，本站在首頁就能收看所有近千個節目頻道，所有節目都不需切換、重整頁面，在一個頁面就能完成所有操作，這也代表本站只需要一個頁面(首頁)就能保持日常的運作。

然而「站內搜尋」的作用是搜尋站內的文章，如果一個網站什麼文章都沒有，那要如何搜尋呢？

所以要能夠快速搜尋本站收錄了哪些節目、頻道，就得跟部落格文章一樣，把一個節目做成一篇文章的頁面，也就是把近千個頁面一個個做出來，大家可以想像這個工程有多大了。

當然前端工程師不會傻傻全部手動操作，能用程式跑的部分還是會交給程式處理，不過還是有需要手動的部分，因此仍要花不少時間就是了。

二、使用說明

請見上圖紅框處，搜尋框目前先放在導覽列右側。




上圖為搜尋字串 "三立" 的結果，會列出所有包含該字串的節目，而這個搜尋效果是「節目一覽」頁面所做不到的。

假設我們點擊「三立 iNEWS 新聞(直播)線上看」進入這個頁面──

• A：在文章標題下方顯示麵包屑導航路徑，可看到該節目位於「政經」群組
• B：左側分類節目清單可看到目前的節目在哪個分類
• C：文末可看到該節目所屬的標籤有哪些
• 其他的操作跟首頁一樣，可隨時切換其他群組、分類、節目

三、手機頁面

行動版的搜尋功能在右上角紅框處，請點擊搜尋圖示。




會出現搜尋框，輸入搜尋字串即可，例如 "食尚玩家"。




這是搜尋結果畫面，列出所有相關節目。

四、補充說明

由於我只針對可在 YouTube 播放的節目製作文章頁面，以下分類的節目是無法搜尋到的：

• 音樂(這個群組嚴格來看不算節目)
• 外部(這個群組的頻道都是連到外部網站)

因此這兩個分類要搜尋的話，還是得進入「節目頻道一覽」頁面才行。