Month: January 2022

通常做了一個網站後，開發者會加入互動功能，最常見的包括社交網站按鈕和留言討論區，如果你是使用 WordPress 架站，預設情況下就已經內建迴響機制，若你覺得功能太陽春還可以透過 Jetpack Comments 模組強化，讓留言者使用自己的社交網站帳號登入，不用重新註冊帳號，當然也有不少提供留言框的服務，例如老牌的 Disqus，後來被收購後已經不太推薦使用。 其實最簡單、快速的方法是使用 Facebook Comments 留言外掛程式，但我知道有些人堅持不用臉書，而且沒有 Facebook 帳號又無法匿名回覆，因此臉書留言框可能不適合所有網站類型使用。如果你想找一個更穩定、可靠的第三方留言功能，可以研究一下這個新服務。 本文要推薦的「CommentBox.io」是一款第三方留言外掛，功能淺顯易懂，就是讓使用者可以在頁面下方留言或進行討論，設計風格簡約，適用於各種網站樣式，更重要的是 CommentBox.io 沒有廣告、不收集使用者 Email，任何人都可以透過和第三方服務帳戶連結，快速登入進行留言。也支援匿名留言功能。 如果你未來想轉換到其他留言平台，CommentBox.io 亦能將留言備份匯出，不會將使用者綁在平台上進退兩難，這些都可以在控制台內自行操作完成。 CommentBox.io 本身提供免費和付費方案（每月 $10 美元），兩者差別在於免費方案有每個月最多一百篇留言的限制，不過對於小網站或單一頁面來說其實沒什麼影響，如果需要更強大的留言審核功能，還可考慮付費升級 Moderation Plus，一般來說預設的留言管理工具就已經很夠用。 網站名稱：CommentBox.io 網站鏈結：https://commentbox.io/ 使用教學 STEP 1 首先開啟 CommentBox.io 網站，點選右上角的 Dashboard 或找到 Sign Up 註冊帳號按鈕，有四種註冊方式，包括使用第三方 Facebook、Twitter 或 Google 帳戶登入或是以 Email 註冊，無論使用那一種方式仍必須回到信箱點選信中的確認鏈結。 STEP 2 註冊登入 CommentBox.io 控制台，第一次使用必須先建立一個專案，填入你的網站名稱和網域名稱，先設定一下 Email 通知功能，看看有沒有需要在自動核准留言、有留言等待審核或有留言被標記為垃圾訊息時收取郵件提醒。 預設情況下所有留言都會自動核准、出現在留言系統中，如果你希望可以手動審核每一則留言，可調整成「Manual」，在沒有審核通過前不會顯示出來，不過缺點就是會比較耗費時間，留言也無法即時，另有折衷方案「Granular」只在內容包括鏈結、留言者被其他網站封鎖或匿名留言等情況下才會需要手動審核。 STEP 3 建立專案後 CommentBox …

CommentBox.io 沒有廣告、不追蹤用戶隱私的網站留言系統 Read More »

除了內容農場或 Facebook 社群網站很容易散佈假消息，像是 LINE 這種很多長輩使用的即時通訊應用也經常是謠言和假新聞的集散地，尤其在群組中很常收到不知道從什麼地方轉貼過來的資訊，只要上網 Google 一下就能分辨真偽，卻很少人願意花幾秒鐘這麼做。雖然轉傳錯誤的新聞可能不會有法律上的責任，但卻無形中影響他人，所以真的拜託各位讀者朋友在看到網路資訊前先別急著相信，抱持著懷疑態度、小心求證才是上策。 如果擔心誤入內容農場，之前介紹過一些工具可以幫你把關，像是封鎖內容農場、終結內容農場，或是在 Android 手機可以使用的內容農場檢查器，若是遇到食安健康資訊想要導正視聽，食藥署也有「食藥闢謠專區」可提供正確解答。 前段時間有開發者製作出一款用於 LINE 的機器人「美玉姨」，可協助判斷 LINE 收到的新聞訊息真偽，因為是直接打造為 LINE bot，只要將它加入好友就能使用。美玉姨可即時查詢謠言，短時間內回覆訊息的真實性，並附上說明和相關鏈結作為參考。 美玉姨的資料庫是使用來自 g0v Cofacts 真的假的專案，這是一個開放式的謠言資料庫，可讓志工協助查證訊息真偽，將查到的結果寫入資料庫，就能幫助更多使用者。 雖然 Cofacts 真的假的也有提供 LINE bot，但不同的是「美玉姨」可以被邀請至使用者的群組，直接從群組對話來快速查詢、檢索、辨識轉傳資訊的真偽，至於使用者可能會關心的隱私權問題，開發者表示儘管美玉姨會聽群組裡的每句話，不過不會記錄，只會用來跟後端的資料庫進行比對而已。美玉姨專案也已經開放原始碼，可以在 GitHub 找到。 網站名稱：美玉姨 LINE bot 網站鏈結：https://github.com/carolhsu/rumor-checker （開發者說明） 使用教學 STEP 1 首先，開啟 LINE 透過 QR Code 將美玉姨加入好友： 美玉姨看起來就長得跟一般使用者一樣，點選「加入」後就會立即收到歡迎訊息，訊息中會有一些簡單的說明和問與答。如果未來不想繼續使用，只要將美玉姨封鎖即可。 STEP 2 那麼要如何使用呢？很簡單，在訊息上按住跳出選單，選擇「轉傳」，在轉傳對象中選擇美玉姨後傳給它就會告訴你這則資訊的真實性。至於要在群組內使用美玉姨自動辨識資訊也很容易，在群組中「邀請」美玉姨加入即可，當觸發到需要辨識的轉傳訊息時就會有效果。 STEP 3 下圖是透過美玉姨辨識後的資訊，可以看到有些訊息部分是謠言，有些則完全是假的，美玉姨還會在下方提供相關訊息，包括這則資訊的真實情形、相關鏈結和理由，對於網路轉貼資訊就有一個能幫你提前把關的作用。 當然，開發者也有提到未來想再加入的功能，其中就是現在很多的轉傳訊息都是製作成圖片或影片鏈結，美玉姨並不能進行 OCR 文字辨識或比對，而影片網址更常被短網址包裝、或是同一內容但有很多不同網址，這在辨識方面也是一個問題。就目前來說，美玉姨還是以檢查轉貼的文字資訊為主，因此不代表有了美玉姨後就能 100% 完全相信各種資訊，使用者還是必須自行斟酌，以免成了散佈假消息的幫兇。 值得一試的三個理由： …

加入「美玉姨」LINE 幫你即時查詢、辨識轉傳的是不是假新聞 Read More »

現在在 Facebook 投放廣告預算已經是很稀鬆平常的事，對於大部分經營者來說，如果要讓社群貼文有點成效，沒有下一些廣告幾乎看不出效果。當然，廣告投放本來就很專業，或許你會覺得不就設定預算和素材而已嗎？其實沒那麼簡單，若對廣告行銷不熟悉的話，貿然出手錢就是丟到水裡打水漂，當然要繳點學費深入研究也不是不行，先準備好你的廣告素材然後邊做邊學吧！ 本文要介紹的「Tiny Visuals」是一款相當特別的廣告工具，使用者上傳素材圖案，就能在線上輕鬆建立出 Facebook、Instagram 或其他社交網站適用的廣告圖尺寸，不過目前仍在測試階段，只支援兩種社群網站廣告格式，未來會不會加入更多選項或推出付費方案，一切都還未知，但測試可使用全部功能而且無須付費。 不僅如此，Tiny Visuals 還能讓你自行設定圖片上的行銷宣傳文字，包括顏色、顯示位置及不同的濾鏡樣式，雖然它的功能乍看之下很陽春，實際操作後發現確實能夠在短時間做出很吸睛的廣告圖！有興趣的朋友可以上去玩一下，或是把製作後的廣告圖下載下來使用。Tiny Visuals 編輯器支援中文，而且不用註冊或登入即可下載 PNG 格式圖。 網站名稱：Tiny Visuals 網站鏈結：https://tinyvisuals.com/ 使用教學 STEP 1 開啟 Tiny Visuals 網站後，會詢問你是否要註冊、登記一下這項服務的 Early Access 權限（在測試階段能優先使用），其實不一定要這麼做。如果有興趣的話可輸入姓名和 Email 註冊一下，但要測試這個工具則可以跳過此步驟。 點擊「Try Demo」來測試一下試用版，開啟後點擊「Upload Image」上傳你要製作成社群行銷廣告圖的原始圖檔，建議選擇 PNG 透明圖可獲得最佳效果。點擊下方幾個可愛的小圖示可以預覽範例。 STEP 2 圖片上傳後可點擊你希望讓它變成透明圖的範圍，類似線上去背服務，不過已內建於 Tiny Visuals 服務中，稍微按個幾下滑鼠應該就能自動選取你要去背的部分，按下下方按鈕來清除選取範圍，一切都處理好後再點選右下角的「Continue」繼續下一步。 STEP 3 開始進入重點部分。Tiny Visuals 會顯示出各種廣告圖配色效果，預設文字會固定於中央，不過你看到的部份其實都可以編輯喔！它本身也算一個小型編輯器，只要從左側就能調整文字。 STEP 4 例如我想把宣傳文字換成「最強免費資源」，旁邊的價格特惠就改成「100% Free」好了，看起來也蠻不錯的。Tiny Visuals 除了讓你改文字，還能選擇顯示位置，左下角的那個圈圈可換成不同樣式，自己測試一下成果就會即時更新並顯示於右側的預覽區。 編輯器內建幾種文字和濾鏡樣式，從左側工具列底下的設定軸拖曳調整。 STEP 5 一切就緒後，中央上方可挑選製作的廣告圖系統，目前有 Facebook …

Tiny Visuals 建立適合使用於社群網站廣告圖尺寸，廣告投放最佳化 Read More »

身為社群網站的小編，一定知道要怎麼操作才能發揮貼文最大的效益，事實上每個社群服務都有針對圖片、影片或廣告制訂出大小尺寸規範，照著建議尺寸操作通常能獲得最佳效果，在曝光率或廣告呈現上也會有更好的顯著變化。那麼這些常用的社群網站圖片影音尺寸要去那裡搜尋呢？我之前介紹的 Tiny Visuals 可建立適合使用於特定社群網站的廣告圖尺寸，透過 Landscape 也能為社群圖片最佳化，自動裁切出最佳曝光的黃金比例。 本文要介紹的「SocialSizes」是一款資訊型網站，裡頭收錄所有常見的社群媒體圖片、影片尺寸規範，包括 Facebook、Instagram、LinkedIn、Twitter、Snapchat、YouTube、Pinterest ，值得一提的是 SocialSizes 提供適用於不同社群媒體的模版檔案，支援 Sketch、Adobe XD 和 Photoshop 三種繪圖工具。 舉例來說，Facebook 動態消息建議的圖片、影片大小為 1200 x 1200，如果用於行動裝置廣告，1080 x 1920 將可放滿整個手機螢幕，封面圖片為 820 x360 大小，封面影片則是 820 x 462；現在比較多人使用的 Instagram 也有建議的圖片影片大小，例如限時動態影片為 1080 x 1920，長度限制 15 秒，換成影片的話只會有 7 秒時間。 網站名稱：SocialSizes 網站鏈結：https://socialsizes.io/ 使用教學 STEP 1 開啟 SocialSizes 後會看到所有已有資料的社群媒體，點選就會快速跳轉到適當的區域，或者往下拖曳時側邊欄也會顯示選單。 STEP 2 每個社群媒體都會有 Sketch、Adobe XD 和 Photoshop 三種格式檔案，這份模版會包含所有該社群網站的尺寸大小，可以協助使用者將圖片轉為適當尺寸。 STEP 3 …

SocialSizes 最適合社群媒體的圖片影片大小，下載模版套用最佳化尺寸 Read More »

如果要在個人網站、部落格、作品集或社交媒體放入影片，大部分開發者可能會選擇使用線上影音平台提供的播放器語法，而不會自行托管影片，因為影音檔案容量較大，也會影響整體網站載入速度。不過一般播放器不一定能呈現最佳效果，運用一些小技巧能讓影片嵌入時效果更理想，例如「如何嵌入 YouTube 影片設定自動重播、隱藏 Logo 或靜音播放？」或「嵌入 YouTube 影片為音樂播放器教學，僅保留音樂點擊自動播放」。 本文要介紹的 OneLinePlayer 是一款很簡單、功能完整的免費網頁影音播放器，可以在不顯示服務 Logo、不耗損畫質的情況下將影片完美嵌入網頁，相較於一般播放器來說速度加倍，支援自定高畫質預覽圖。OneLinePlayer 讓所有設定選項在同個畫面中完成，最終產生一段新的程式碼，即可以不同面貌在網頁嵌入影片。 要知道的是 OneLinePlayer 並不是一個線上影片托管服務，使用者仍得將影片上傳到影音平台，例如 YouTube 或 Vimeo，再將網址貼上 OneLinePlayer 進行相關設定。 這項服務可以設定讓影片自動播放、自動暫停、循環、靜音或轉為 Gif 動畫模式，也能切換不同的配色模式，選擇讓播放器顯示那些按鈕（播放、時間軸、時間軸、音量、全螢幕、顯示 Logo）。 至於瀏覽器支援範圍，在不同設定選項上也不盡相同，只有 Google Chrome 支援所有的項目，每個瀏覽器都有一些不支援的項目，在自動暫停（Autopause）和無縫串流兩個功能支援度較差，其他大致上沒太多問題。 網站名稱：OneLinePlayer 網站鏈結：https://onelineplayer.com/ 使用教學 STEP 1 開啟 OneLinePlayer 將你要放入網頁影音播放器的影片網址複製貼上，範例是使用 Vimeo 平台網址，你也可以使用大部分台灣用戶較熟悉的 YouTube，貼上後從下方選擇要使用的畫質，例如 1080p、720p 或畫質較差的 360p，當然要看影片支援那些畫質版本。 OneLinePlayer 值得推薦的功能是高畫質預覽圖（HQ Preview），可從這個選項加入網址，連結到更高畫質的影片預覽圖片，圖片必須自行上傳托管。 STEP 2 接著從下方選擇播放器尺寸，預設情況下會是「自適應設計」（Responsive），依照使用者的螢幕大小自動調整，當然你也可以自訂特定的播放器尺寸。 Adjustments 裡有各種常見或可能用到的模式，例如自動播放、自動暫停、循環播放、靜音，勾選後就會自動開啟該選項，也能從左側播放器進行預覽和測試。 其中有個比較特別的「Gif Mode」是將影片轉為動畫模式顯示，當開啟這個選項，影片播放器的相關按鈕就不會顯示，當然也不能像影片控制快轉、倒轉等等，不過可能某些情況下會用到。 STEP 3 再往底下拖曳，可以調整影片控制選項，包括要顯示、隱藏那些按鈕，OneLinePlayer …

OneLinePlayer 免費網頁影音播放器，嵌入影片可自訂各種模式和按鈕樣式 Read More »