Blogger 讓讀者以Email 訂閱最新文章﹍任何位置都能擺放, 免 ...

用「RSS」訂閱網站最新文章，是非常方便又強大的工具，可惜只有網路重度使用者比較知道RSS 是什麼，一般的讀者並不熟悉RSS、且不一定想要瞭解。

網站導覽 如何使用本站 Blogger新手指引 本站的Hack及工具 熱門文章一覽 文章列表+讚統計 BLOGGER 小技巧 小工具 行動版 官方工具 留言相關 Blogger相關 Blogger筆記 Blogger範本 Blogger語法 GOOGLE Google試算表 Chrome套件 GoogleDrive Google搜尋 GoogleAdsense GoogleAnalytics AppsScript Google相關 部落格 部落格經營 搬家 SEO 社交分享按鈕 網站工具 網頁效能 部落格廣告 著作權保護 網頁設計 字型 RWD Bootstrap jQuery工具 CSS技巧 Javascript技巧 網頁開發工具 圖片展示工具 網路雲端 Facebook Line Dropbox Evernote 資訊安全 免費空間 會員中心 會員資訊 會員限定文章 會員加值文章 點數使用明細 會員公告 會員討論區 關於會員系統 關於/諮詢 諮詢／服務項目 架設網站流程 架站作品 關於本站 贊助管道 版權聲明 隱私權政策 留言板 2016年4月6日 Blogger讓讀者以Email訂閱最新文章﹍任何位置都能擺放,免註冊FeedBurner WayneFu 電腦-Blogger-工具-Blogger工具,電腦-Google-Google相關 0 A+ 色 a:link{text-decoration:underline;}.post{background:#fff;color:#222}[style*='990000'],[style*=cc0000],[style*='6aa84f'],[style*='3d85c6']{border-bottom:2pxdashed#ccc}[style*='990000']:before,[style*=cc0000]:before{content:"紅字";font-size:70%;font-weight:700;vertical-align:top}[style*='6aa84f']:before{content:"綠字";font-size:70%;font-weight:700;vertical-align:top}[style*='3d85c6']:before{content:"藍字";font-size:70%;font-weight:700;vertical-align:top} 用「RSS」訂閱網站最新文章，是非常方便又強大的工具，可惜只有網路重度使用者比較知道RSS是什麼，一般的讀者並不熟悉RSS、且不一定想要瞭解。

為了讓各種層次的讀者都能收到網站最新文章的通知，提供Email訂閱會是最簡單的方式，且操作方便、不需另外研究相關工具。

Blogger官方提供了「透過電子郵件追蹤」這個小工具，可以放在側邊欄讓讀者訂閱網站文章。

不過前陣子接到一個需求，想要把這個工具放在文章標題下方。

仔細想想也是有些道理，側邊欄比較顯眼的位置可能會被其他更重要的工具搶走，例如熱門文章、搜尋框、Adsense等等。

其實網頁能吸引讀者注意、增加訂閱率的位置還有不少，例如最上方的標頭區塊，本篇的例子文章標題附近，或是文章結束處也是很好的擺放地方。

那麼以下就來看看，怎麼把這個「用Email訂閱」的功能搬到Blogger各種自訂位置，同時也會說明在FeedBurner如何管理「Email訂閱」的功能。

(圖片出處:pixabay.com) 一、安裝官方工具 一般來說，網站想要提供「Email」訂閱的功能，必須先到「Feedburner」註冊、燒錄網站...等等進行不少流程，不過因為Feedburner早被Google收購，那麼自家產品Blogger倒是可省下這些流程，直接就能使用「Email」訂閱的功能，請按以下步驟進行： 1.安裝「透過電子郵件追蹤」 後台→版面配置→新增小工具→選擇「透過電子郵件追蹤」→填入標題並儲存即可。

接下來這個小工具可拖曳到想擺放的位置，如果沒有中意的位置可擺，那麼改用本文的安裝碼，之後將小工具移除也沒關係。

2.取得網站ID 安裝過程的畫面如上圖，我們可以得到幾個重要資訊： Blogger會自動幫我們在Feedburner註冊、並燒錄網站的RSS 註冊的身份是圖中顯示的這個Google帳號(Gmail) 燒錄的網站RSS網址如圖中所示，為http://feeds.feedburner.com/WfuBlog 請記下自己紅框標示的ID字串，如圖中的"WfuBlog"，這非常重要，之後會用到。

二、安裝程式碼 想要讓「讀者透過Email訂閱文章」的功能放在網站的指定位置，那麼就必須修改範本內容，最好具備基本的HTML/CSS技巧，並參考「Blogger範本﹍(2)標頭、導覽列、側邊欄、頁尾區塊的程式碼」系列文章，來瞭解程式碼應該擺放在範本中的什麼位置。

在修改範本之前，如果第一次安裝本站工具的讀者，建議先閱讀「備份範本的訣竅」系列文章。

1.安裝CSS 請到後台「範本」→「編輯HTML」，游標點進範本區塊，按Ctrl-F搜尋這個字串，找到後在此字串的前一行，插入以下程式碼： 如果熟悉CSS的話，可自行修改參數。

2.安裝HTML 接著在範本(或文章)中想要顯示「Email訂閱」功能的地方，插入以下程式碼： 先別存檔，需要修改一些參數： 紅色字串：請將兩處"WfuBlog"字串改為前面「一、安裝官方工具」→「2.取得網站ID」取得的ID字串 藍色字串：輸入框及按鈕的提示字串，請修改兩處藍色字串。

存檔後，效果如同下面這個Email訂閱框及按鈕工具： 這個「Email訂閱框」也是目前WFUBLOG擺放在側邊欄的效果，由於一併跟其他訂閱按鈕、以及「FB粉絲團」擺放在一起，光是安裝官方「Email訂閱」工具很難呈現這樣的效果，還是得使用本文的程式碼，搭配其他按鈕、FB粉絲團的程式碼，才有辦法組合在同一個區塊。

三、FeedBurner操作補充 FeedBurner有很多設定可以修改或管理，不過基本上完全不去管這些參數的話，Email訂閱功能也可以正常運作，不會有什麼影響。

對進階設定有興趣的讀者，網路上有很多詳細的教學，可參考「FeedBurner電子報設定教學」，有一系列完整的說明。

這裡只簡單說明幾項跟本文主題「Email訂閱」有關的內容，請進入「FeedBurner官網」→「選擇網站」→「宣傳摘要」→「EmailSubscriptions」 1.管理Email名單 上圖左側的選項「SubscriptionManagement」可以看到所有訂閱網站的讀者Email名單，並進行管理。

畫面需要捲到最下方── 對著上方紅框的「查看訂閱者詳情」按下後，會展開全部的名單。

正常來說都會是"激活"的狀態，表示讀者能正常接收到訂閱的Email通知；但若看到如紅框中的"未驗證"，代表讀者訂閱後沒有到Email信箱點擊確認信，有可能是太忙忘了、或是確認信跑到垃圾郵件去了。

貼心的站長可以定期檢視這份名單，針對"未驗證"的讀者發個提醒Email，通知讀者點擊確認信，完成Email訂閱的流程。

2.Email郵件格式設定 左側選項「EmailBranding」可以設定電子郵件的格式，例如標題、內文、字體等等的細項，或是當一天發佈兩篇文章時，可以分別設定不同的標題字串。

這部分的詳細說明，可直接參考這篇「設定部落格電子報的版面」。

3.設定出刊時間 基本上，網站發佈新文章後，讀者訂閱的Email通知並不會馬上寄出，而是會等到FeedBurner預設的時間才寄出，因此最晚的話，會等到隔天才寄出通知。

要進行出刊時間設定的話，可進入左側選項「DeliveryOptions」→分別設定時區、發送時間，按下「保存」即可。

更多Blogger相關工具： 0 0 如這篇文章對你有幫助，歡迎「分享」到FB、「追蹤」粉絲團、「訂閱」最新文章 FB LINE 電腦-Blogger-工具-Blogger工具 電腦-Google-Google相關 WayneFu 前端開發‧Blogger探研‧網站架設 歡迎來到我的雲端資料庫，這裡除了分享網路應用心得，也是最專業的Blogger中文部落格。

利用側邊欄「搜尋」及「文章分類」，可解決大多數的問題喔！ 下方連結還有更多的Blogger資源及服務，如需諮詢、合作，歡迎填寫聯絡表單或來信：[email protected] FB社團 FB粉絲團 Blogger論壇 Blogger工具 諮詢/架站/網頁設計 Blogger架站作品集 16則留言: AAkatsukiTarou亜暁太郎ああかつき2016年6月10日下午6:01Blogger官方FeedBurner小工具的訂閱申請介面是英文的，使用了本文的程式碼後，就變成文字了，忽然有一種熟悉和親近的感覺。

很不錯！回覆刪除回覆WayneFu2016年6月10日下午8:16竟然還有這樣的功效~:D刪除回覆回覆回覆阿斯塔帝2017年5月28日下午7:10請問，為什麼我的訂閱小工具只能在電腦版的文章末尾顯示，手機板的文章末尾卻顯示不出來呢？回覆刪除回覆WayneFu2017年5月28日下午7:21這是Blogger行動版的特質，可參考http://www.wfublog.com/2016/02/blogger-dynamic-views-mobile-template-feature.html→「三、行動版範本不一定能執行網頁版工具」刪除回覆回覆回覆阿斯塔帝2017年5月28日下午7:11我的網址：http://to-sexeros.blogspot.tw謝謝你回覆刪除回覆回覆匿名2017年11月7日下午12:09我按「新增小工具」,然後選擇「設定透過電子郵件追蹤」,但它顯示「您的網誌未啟用資訊提供。

請啟用資訊提供，然後再試一次。

」請問在何處「啟用資訊提供」回覆刪除回覆WayneFu2017年11月7日下午12:26後台→設定→其他→允許網誌資訊提供刪除回覆回覆回覆MahonAexander2018年1月11日下午2:26請教：我用的blogger，但是SUBSCRIBERS顯示0？回覆刪除回覆回覆娜回事2018年3月28日上午10:00你好，我發現有人訂閱blogger我的文章寄到他們的email時，字體會跑掉重疊請問是我blogger設定的問題嗎謝謝！回覆刪除回覆回覆Essen_hand2018年7月20日上午2:39老師好，我在執行『透過電子郵件追蹤新增』的功能新增時反椱收到『我們無法為您的網誌找到或建立FeedBurner資訊提供，請確認您的網誌為公開狀態，而且您已在[設定]|[網站資訊提供]標籤中啟用資訊提供。

』的字樣，但是我的網站資訊提供選的是完整，網誌也是公開的。

然後我搜尋了feedburner想要像其他網路上的教學直接貼上網址後生成，但是卻出現了一連串的錯誤，請問老師這個部分應該如何解決呢？我已經查了兩個小時了還是生不出那一行FeedBurner網址;w;請老師救救我，謝謝！https://lh3.googleusercontent.com/-uwOdszYrpLc/W1DaZIi89PI/AAAAAAAAXXQ/dHm32BSWbQUX1yLAmXnClvSahiBDXx6NACHMYCw/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7%2B2018-07-20%2B%25E4%25B8%258A%25E5%258D%25882.36.30.pnghttps://lh3.googleusercontent.com/-cA3wCVa-Ppg/W1DaiF9ujeI/AAAAAAAAXXU/DJ3OZhEodiUzrUvtoS0pl41lTzFqZB06ACHMYCw/%25E8%259E%25A2%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7%2B2018-07-20%2B%25E4%25B8%258A%25E5%258D%258812.57.08.png回覆刪除回覆WayneFu2018年7月20日下午12:24你好，請見留言注意事項，提問請附"網址"，沒辦法看到你網站的狀況，不一定能回答問題喔。

像上面那個留言#6，沒附網址，加上這樣的留言方式，我會直接無視的。

因為你的留言內容比較能讓我接受，所以我想辦法查了你的網址http://thespeakingwolf.blogspot.com(但不代表每個留言我都會這麼做)→看了才發現這個範本的年紀應該有十年以上了(原始碼可看到是2004的範本)，建議你：1.到後台挑一個新的主題套用，範本的程式碼會比較新2.你的文章應該都沒有設定"繼續閱讀"→不過也許十年前的範本沒有繼續閱讀的功能，我不太清楚這點，請參考這篇進行https://www.wfublog.com/2015/08/why-blogger-homepage-post-disappear-add-readmore.html等以上兩點都做過，每篇文章都設定繼續閱讀後，我相信你的問題應該就自然解決了。

刪除回覆回覆Essen_hand2018年7月20日下午8:54好的！非常謝謝老師的回信，我下次會注意留言以及附上網址的，稍等工作結束就馬上修改！再次謝謝老師刪除回覆回覆回覆核桃R繪生活2019年11月28日上午5:04我的部落格的訂閱功能似乎沒有用？最近設置了部落格，自己用另外的email帳號，試用訂閱，想測試功能。

依照要求，也極激活了feedburnemail給的網址,上面也有說訂閱成功(英文)可是在我的部落格上的後臺，並未顯示有訂閱者，我用來訂閱的E-mail也沒有收到任何的新發文通知…感覺似乎失敗了，試了兩次都一樣，不知道是哪裡有問題？還請問老師，能否幫忙解答一下。

我的網誌是Heater.blogspot.com謝謝回覆刪除回覆WayneFu2019年11月28日上午5:58看了你的網頁，訂閱功能是可以運作的:"在我的部落格上的後臺，並未顯示有訂閱者"→請按本篇的說明，訂閱者資訊要到Feedburner後台查詢，而非部落格後台"我用來訂閱的E-mail也沒有收到任何的新發文通知"→我不清楚你等了多久，請參照本文，Feedburner可以設定寄出email通知的時間。

如果超過一天都沒收到，請檢查Blogger後台設定的「網站資訊提供」，是否「允許網誌資訊提供」為完整。

刪除回覆回覆回覆核桃R繪生活2019年11月28日上午5:11剛剛前一則留言，忘了問這個經由blogger提供的電子郵件訂閱功能印象中是免費的。

但想跟老師再確認一下，這訂閱功能對訂閱者和被訂閱者都是免費的嗎？謝謝。

回覆刪除回覆WayneFu2019年11月28日上午6:00你有被要求輸入信用卡帳號或銀行帳號嗎？沒有的話Blogger要怎麼扣款呢^^刪除回覆回覆回覆新增留言載入更多… 張貼留言注意事項： ◎勾選「通知我」可收到後續回覆的mail！◎請在相關文章留言，與文章無關的主題可至「Blogger社團」提問。

◎請避免使用Safari瀏覽器，否則無法登入Google帳號留言(只能匿名留言)！◎提問若無法提供足夠的資訊供判斷，可能會被無視。

建議先參考這篇「Blogger提問技巧及注意事項」。

◎CSS相關問題非免費諮詢，建議使用「Chrome開發人員工具」尋找答案。

◎手機版相關問題請參考「Blogger行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」；或參考「Blogger行動版範本修改技巧」，或本站Blogger行動版標籤相關文章。

◎非官方範本問題、或貴站為商業網站，請參考「Blogger免費諮詢+付費諮詢」◎若是使用官方RWD範本，請參考「Blogger推出全新自適應RWD官方範本及佈景主題」→不建議對範本進行修改！◎若留言要輸入語法，""這兩個符號請用其他符號代替，否則語法會消失！◎為了過濾垃圾留言，所有留言不會即時發佈，請稍待片刻。

◎本站「已關閉自刪留言功能」。

站內搜尋 文章分類 生活-理財 (2) 生活-數位生活-3C產品 (17) 生活-數位生活-網路電視 (2) 生活-數位生活-Android (11) 生活-數位生活-Eink產品 (5) 生活-數位生活-iPhone (5) 休閒-三國志11-五奇戰記 (5) 休閒-三國志11-公孫恭開局 (9) 休閒-三國志11-引兵誘敵開局 (14) 休閒-三國志11-水淹開局 (2) 休閒-三國志11-火攻開局 (13) 休閒-三國志11-防守反擊開局 (13) 休閒-三國志11-圍城港關坑兵開局 (6) 休閒-三國志11-運用建築設施開局 (16) 休閒-三國志11-綜合主題 (8) 休閒-小遊戲-射擊 (2) 休閒-小遊戲-益智 (2) 休閒-小遊戲-動作 (11) 休閒-小遊戲-策略 (3) 休閒-太空戰士7 (6) 電腦-部落格-站務-大事紀要 (7) 電腦-部落格-站務-公告 (27) 電腦-部落格-站務-留言板 (3) 電腦-部落格-站務-會員系統 (7) 電腦-部落格-站務-網站服務 (10) 電腦-部落格-中國大陸封鎖 (7) 電腦-部落格-社交分享按鈕 (10) 電腦-部落格-部落格相關 (10) 電腦-部落格-部落格經營 (12) 電腦-部落格-著作權保護 (19) 電腦-部落格-搬家 (12) 電腦-部落格-網站工具 (31) 電腦-部落格-網域 (14) 電腦-部落格-廣告 (10) 電腦-部落格-Godaddy (7) 電腦-部落格-SEO (51) 電腦-部落格-WordPress (10) 電腦-網頁設計-字型 (17) 電腦-網頁設計-免費圖庫 (9) 電腦-網頁設計-使用者體驗 (13) 電腦-網頁設計-表格 (8) 電腦-網頁設計-接案心得 (5) 電腦-網頁設計-圖片展示工具 (10) 電腦-網頁設計-網頁技巧 (12) 電腦-網頁設計-網頁開發工具 (13) 電腦-網頁設計-網站效能 (17) 電腦-網頁設計-Bootstrap (10) 電腦-網頁設計-CSS (49) 電腦-網頁設計-HTML (23) 電腦-網頁設計-iOS (5) 電腦-網頁設計-Javascript技巧 (30) 電腦-網頁設計-Javascript筆記 (6) 電腦-網頁設計-jQuery (34) 電腦-網頁設計-RWD (17) 電腦-網路雲端-免費空間 (10) 電腦-網路雲端-爬蟲 (4) 電腦-網路雲端-資訊安全 (20) 電腦-網路雲端-線上工具 (16) 電腦-網路雲端-瀏覽器 (8) 電腦-網路雲端-Dropbox (5) 電腦-網路雲端-Evernote (10) 電腦-網路雲端-Facebook (49) 電腦-網路雲端-Github (2) 電腦-網路雲端-IFTTT (4) 電腦-網路雲端-Line (12) 電腦-網路雲端-PTT (7) 電腦-網路雲端-RSS閱讀器 (12) 電腦-網路雲端-YahooPipe (4) 電腦-Blogger-工具-文章列表-TOC (13) 電腦-Blogger-工具-文章列表-TOC極速版 (6) 電腦-Blogger-工具-私密留言 (6) 電腦-Blogger-工具-官方工具 (15) 電腦-Blogger-工具-側邊欄 (16) 電腦-Blogger-工具-推文 (5) 電腦-Blogger-工具-單篇文章計數器 (5) 電腦-Blogger-工具-搜尋功能 (8) 電腦-Blogger-工具-導覽列 (13) 電腦-Blogger-工具-Blogger工具 (21) 電腦-Blogger-Hack-留言-留言相關 (29) 電腦-Blogger-Hack-留言-舊範本留言 (10) 電腦-Blogger-Hack-標籤-多層樹狀標籤 (7) 電腦-Blogger-Hack-標籤-兩層樹狀標籤 (6) 電腦-Blogger-Hack-標籤-標籤文章列表 (3) 電腦-Blogger-Hack-標籤-標籤相關 (2) 電腦-Blogger-Hack-私密文章 (4) 電腦-Blogger-Hack-讀者反應 (4) 電腦-Blogger-Hack-Blogger語法 (15) 電腦-Blogger-行動版 (24) 電腦-Blogger-Blogger小技巧 (25) 電腦-Blogger-Blogger相關 (90) 電腦-Blogger-Blogger筆記 (14) 電腦-Blogger-Blogger範本 (20) 電腦-Google-搜尋 (14) 電腦-Google-試算表 (29) 電腦-Google-網站管理員 (8) 電腦-Google-Adsense (26) 電腦-Google-Analytics (16) 電腦-Google-AppsScript (16) 電腦-Google-Authorship (5) 電腦-Google-Chrome (19) 電腦-Google-CloudPlatform (1) 電腦-Google-Drive (21) 電腦-Google-G＋ (26) 電腦-Google-Gmail (7) 電腦-Google-Google相關 (19) 電腦-Google-GooglePhoto (7) 電腦-Google-Picasa (15) 電腦-Google-Youtube (5) 電腦-Windows-Hotkeyz (7) 電腦-Windows-Win軟體 (4) 電腦-Windows-XP (1) 閱讀-有錢人想的和你不一樣 (15) 閱讀-為健康把關的57堂課 (2) 精選文章 最新文章 recentposts Blogger精選 網頁設計精選 聯絡我 最新回應 請先閱讀「填寫諮詢聯繫表單SOP」瞭解重要資訊，如非需要發案給本站，提問請至「Blogger社團」，謝謝！ 稱呼：(必填) 電子郵件：(必填) 您的網址或提問的相關網址：(必填) 簡單自介、如何找到本站：(必填) 請詳細描述您的需求、問題或意見，如提供的資訊不足，可能無法回覆：(必填) 友格 關注1 關注2 訂閱 CC0免費圖庫搜尋引擎 TV線上看電視 TOP