2011年10月22日

Blogger 自動跳出留言注意事項

Wayne Fu 0 A+
前言:

一個朋友用 Blogger 架網站提供代買服務,提到一些困擾──"有沒有辦法讓我在留言框裡直接預設一些留言(或問題) 這樣他們在留言的時候就會記得填 因為我需要大家留下name和 email 我才好回覆問題";"我有試過寫留言欄訊息 可是不是每個留言的人都會乖乖讀完訊息才留言 所以常常有人忘記 我必須要一直提醒 很沒效率"。

以上情形 WFU 也有過類似困擾,在張貼意見的說明列了很多點,例如提醒 "匿名留言不一定會回覆",不過總會有留言者忽略這些說明。後來想想自己新買的數位相機,厚厚的說明書根本也沒翻過,所以一方面不能全歸咎於留言者,一方面也是 Blogger 留言身份的部分做得不夠直覺。於是剛好藉這個機會來想想,有什麼方法可以讓溝通過程不流失資訊?能否強制讓留言者接受到我們要傳達的訊息?

在 Blogger 的環境下,想到的方法有兩種,一個是使用 alert 自動跳出提醒訊息,這便是本篇的內容;另一個就是朋友提的 "在留言框裡直接預設一些留言或問題",請參考下一篇內容。

2012.9.13 公告

由於 Blogger 新範本串聯式留言修改了程式碼,本篇 hack 語法已經失效,故取消效果展示



準備動作:

到 Blogger 後台 → 範本 → 編輯 HTML。接著把下面的程式碼插入 </head> 的前面:


D:設 Reminder1 函數,顯示第一種提醒文字。

F:設 Reminder_Count 這個變數,是讓網頁只出現一次提醒文字,確保不會有出現第二次的機會。

H:"提醒文字 1 " 請改為自設的文字內容。雙引號裡面的文字請避免用全形符號,否則可能變亂碼。

M:如果 Blog 不需要第二種提醒文字,那麼 M~T 行可刪除。


提醒功能放置位置:

提醒文字究竟應該什麼時候出現呢,總不能每次一打開文章的頁面就跳出來吧?使用者被搞得很煩也許以後就不來我們家了。因此最好是使用者想留言的時候,才跳出提醒文字。但我們要怎麼能判定留言者何時想要留言呢?

我想,"當滑鼠移動到留言框附近的時候,代表想要留言" 應該是個很合理的猜測,因此,我們需要定位出範本中留言框的區塊,請找到類似以下的程式碼:

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
如果 iframe 標籤中有藍色字串 id='comment-editor',那留言框就是在這個區塊了。而要怎麼在這個區塊修改程式碼,就要看我們的目的了。


全網頁共用提醒文字:

如果是希望全部文章的留言都出現同樣的提醒文字,那麼只要將以上程式碼增加以下的紅字部分即可(並刪除 </head> 之前的 Reminder2 函數):

<iframe onmouseover='Reminder1()' allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>


不同網頁有不同的提醒文字:

如果 Blog 特別設定一個留言板,而此留言板有特定的目的(例如要求留言者留下聯絡資訊),必須有特定的提醒文字,但其他文章的留言需要不同的提醒文字,那麼請將 iframe 標籤的前後內容改為以下:

程式碼已刪除
黑字部分為原 iframe 標籤內容,紅字為新增內容。

1:請將此行的 "留言板網址" 改為特定需求網頁的網址,當 Blog 的網頁為 "留言板網址" 時──

3:當滑鼠移到留言框時,呼叫 Reminder1 函數顯示 "提醒文字 1 "。

5:留言板網址以外的網頁──

7:當滑鼠移到留言框時,呼叫 Reminder2 函數顯示 "提醒文字 2 "

這是一個簡單的 hack,能有效傳達站長的訊息,如此張貼留言事項也可以寫少一些,讓版面清爽一點。只不過對於常留言的留言者,每次都要點一下提醒框或許有些麻煩,也許這個功能只要用於特定頁面就好,其他頁面則不跳出提醒框。


只有特定網頁有提醒文字:

如果讓此功能只在特定頁面出現的話,請將 </head> 之前的 reminder2 函數內容刪除,將第 1 行的網址改為特定頁面網址,將第 7 行的 onmouseover='Reminder2()' 刪除即可。


將特定網頁設為獨立網頁:

專門為這個特定頁面設定的留言功能,如果藏在眾多文章之中就失去了作用且不易找到,因此必須將其設為 Blog 上方的獨立網頁中的一個(就像本 Blog 上方的 "留言板"、"文章導覽" 中的一頁),才能讓使用者一眼看到。

舊版 Blogger 無法將文章設為獨立網頁,但現在新版 Blogger 已經加入此功能,請按以下步驟即可成功設定:

如果此特定網頁是新開的文章,記下網址 → 進入新版的Blogger後台(舊版沒有這個功能) → 增加新網頁 → 選「將讀者導向另一網址」→ 填入標題、剛剛那篇文章的網址 → 完成


下一篇的方案是在留言框中自動顯示預設文字,但此功能以目前 WFU 的技術只能在特定頁面生效,與本文的方法可說是只能擇一而用,要請站長們思考自己的需求後再做抉擇。

Blogger留言系統 __(六)留言框自動顯示注意事項



0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP