知識庫首頁 aero-right

HTML 郵件在不同郵件客戶端顯示的問題

AOL、Yahoo、Gmail 等 ISP 業者會影響郵件在收件匣呈現的樣貌,更別說不同的瀏覽器也會有影響。Benchmark 致力協助我們的客戶建立精美的郵件。使用拖曳式編輯器,編輯適合各種行動裝置的響應式郵件。此外,我們也提供收件匣測試功能,讓您在郵件進到收件人的信箱前,提前瀏覽郵件呈現的樣貌。 建立電子報的最佳作法 有些郵件客戶端設有一些限制,任何一間 ESP 也無法避免。下列幾個重點指出,不論郵件客戶端或是瀏覽郵件的裝置為何,郵件都能顯示相同樣貌的方法。 使用拖曳式編輯器 - 所有拖曳式編輯器裡的郵件範本都是響應式郵件。 開啟郵件的網頁版本選項 - 將網頁版本連結加入郵件。有些郵件客戶端沒有遵守網路規定,可能會讓您的郵件看起來不整齊。(在建立郵件的步驟 1 開啟此選項) 背景圖片 - 當收件端無法顯示圖片時,郵件會顯示背景圖片的顏色。編輯背景顏色,選擇可以突出文字的顏色,否則郵件可能會呈現空白。 加入圖片的替代文字 - 替代文字是用來描述電子報裡面的圖片。大部分收件端不會自動顯示圖片,所以替代文字可以提供文字說明。使用替代文字,郵件比較不容易被檔信。 對齊圖片 - 大部分情況下,圖片尺寸可能會太大,覆蓋住文字,或是畫質被壓縮。對齊圖片並縮小尺寸來清除格式。如果您使用我們的拖曳式編輯器,這些問題都不用煩惱,因為我們已經為您處理好了。 當您完成上述設定後,您可能需要發送一封測試信給自己或是給您信任的人。試著在多個裝置上開啟您的測試信,瀏覽郵件設計的樣貌。您也可以在拖曳式編輯器裡使用「收件匣測試」,瀏覽您的郵件在不同裝置上呈現的樣貌。 不同郵件服務商讀取 HTML 郵件已知問題一覽表 郵件客戶端 支援 HTML 已知問題 AOL 4.0 and 5.0 否 僅支援文字 不支援表單 AOL 6.0, 7.0, and 8.0 是 標準 HTML 不支援表單 拒收連結到外部樣式表的郵件 AOL 9.0 部份 無法讀取 HTML 圖片及熱連結 不支援表單 內容過長的郵件會轉為壓縮檔 AOL Webmail 部份 不完全支援 XHTML 語法 不支援 <br /> 標籤 不支援錨點標籤 - 在郵件內點擊錨點標籤不會跳到錨點,而是彈出新的收件匣視窗 Apple Mail 是 標準 HTML 不允許字型標籤 - 使用 <span> 標籤取代 必須點擊兩次錨點連結才能正常運作 在 El Capitan OSX 作業系統下,錨點連結無法運作 Compuserve 否 僅支援文字 Comcast Smartzone 是 標準 HTML 背景圖片被封鎖 不支援錨點標籤 - 在郵件內點擊錨點標籤不會跳到設定的錨點,而是彈出新的收件匣視窗 Comcast XFinity 部份 縮短內容過長的電子報 - 使用網頁版本連結或縮短郵件內容 點擊錨點或目錄表不會跳到設定的錨點,而是彈出新的收件匣視窗。 Entourage (Mac) 是 標準 HTML Entourage 2008 (Mac) 部份 背景圖片可能被封鎖 支援表格、Flash 或其他外掛、CSS 浮動屬性、CSS 位置屬性以及 GIF 動畫 項目符號由圖片條列取代 Earthlink 部份 有時候文字會加上底線 Eudora 3.1 否 僅支援文字 Eudora 4.0, 4.2, 4.3, and 5.0 否 使用 Internet Explorer 時支援標準 HTML 使用預設 Eudora HTML 瀏覽郵件時,HTML 支援度不佳 Gmail 部份 不支援書籤錨點 縮短內容過長的電子報 - 使用網頁版本連結或縮短郵件內容 郵件內的電話號碼轉成超連結 Hotmail 部份 預設不會載入圖片 不支援 <head>、<title>、<meta> 以及 <body> 標籤 - 必須使用行內樣式 4 分鐘後熱連結將失效並移除背景圖片 - 需要開啟驗證 CSS 問題 文字可能顯示底線 連續使用 <p> 標籤會產生空白斷行的間距 - 請使用 <div>  標籤,或建立新的文字,不要複製貼上原本的樣式。 Juno 4.0, and 5.0 是 接近標準 HTML CSS 問題 Lotus Notes 4.6 否 不支援字型或連結顏色 Lotus Notes 5.0 是 接近標準 HTML CSS 問題 Novell GroupWise 5.5 是 標準 HTML Office 365 部份 標準 HTML 預設不會載入圖片 CSS 問題 錨點連結以及目錄表無法運作 圖片常常以儲存在圖庫的原始圖檔大小顯示,造成扭曲或延展 - 請在圖庫重新調整圖片尺寸,然後再插入郵件。 Outlook 97 部份 不支援字型或連結顏色 會有對齊的問題 Outlook 98 and 2000 是 標準 HTML 不完全支援 CSS Outlook 98 and 2001 (Mac) 否 僅支援富文字格式(或稱多文字格式) Outlook 2003 部份 預設不會載入 HTML 圖片。 Outlook 2007 and 2010 部份 不支援表格、Flash 或其他外掛、CSS 浮動屬性、CSS 位置屬性以及 GIF 動畫 項目符號由圖片條列取代 針對內容冗長且會斷行的郵件插入分頁符號 不支援圖片邊框 超過 1920 x 1080 像素的高解析度圖片會縮小文字,但不會縮小圖片 圖片說明文字樣式會被 Outlook 樣式覆寫 高度超過 1728 像素的圖片會被剪裁 在段落間或 2 倍行高的文字會插入額外一行間距 圖片可能因為電腦顯示設定而變形、扭曲 注意:微軟建立一套工具,協助您檢驗您的郵件在 Outlook 2007 呈現的樣貌。 Outlook 2007 and 2010 (Mac) 部份 不支援錨點連結以及目錄表 不支援 GIF 動畫 Outlook 2013 and 2016 部份 針對內容冗長且會斷行的郵件插入分頁符號 如果區塊最後一個文字是項目符號,郵件會多出一個空的項目符號 - 不要把項目符號放在區塊文字的結果,或是在區塊的結尾標籤 </ul> 前新增 <div style="display:none;">&nbsp;</div> 超過 1920 x 1080 像素的高解析度圖片會縮小文字,但不會縮小圖片 圖片可能因為電腦顯示設定而變形、扭曲 不支援 GIF 動畫圖檔 Outlook 2016 (Mac) 部份 不支援錨點連結以及目錄表 Outlook 365 部份 連結顏色預設為藍色,除非前面的文字設定為其他顏色 - 連結需要放在 <span> 以及 <td> 標籤內,<div> 內的文字必須使用不同顏色 點擊錨點或目錄表不會跳到設定的錨點,而是彈出空白視窗。 即使郵件設定靠左對齊,文字仍然會以預設形式出現 圖片沒有間距 Outlook Web Access 部份 標準 HTML 預設不載入圖片 不支援錨點連結以及目錄表 圖片常常以儲存在圖庫的原始圖檔大小顯示,造成扭曲或延展 - 請在圖庫重新調整圖片尺寸,然後再插入郵件。 Outlook Express- PC or Mac 是 標準 HTML Pegasus Mail 3.1- Windows 是 標準 HTML 不支援連結顏色 Smartphones Android, iPhone, etc. 是 電話號碼可能會以連結方式呈現(可點擊的按鈕) 附加在郵件頁尾實體地址旁的電話號碼可能會被手機認定為日期格式 Verizon 是 標準 HTML 不支援錨點連結或目錄表連結 Yahoo! 是 標準 HTML 所有瀏覽器都不支援錨點或目錄表 - 點擊後,郵件會關閉,回到收件匣。 縮短內容過長的電子報 - 使用網頁版本連結或縮短郵件內容 資料來源:StudioCloud 如果您有任何關於郵件顯示的問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

傳送 六月 25, 2019

我要如何在我的網站建立訂閱表格?

訂閱表格可以幫助你蒐集網站訪客與社群媒體追蹤者的資訊。 Benchmark 多種訂閱表格,任你挑選,請按照以下步驟操作: 彈出式訂閱表格 訪客進入頁面後,訂閱表格即會彈出,除了訂閱表格,頁面其他部分將呈現灰色,請按照以下步驟製作: 登入您的 Benchmark 帳戶。 在首頁左邊列表中點擊「聯絡人」。 現在,點擊左邊列表的「訂閱表格」。 然後,點擊頁面右上角的「新增訂閱表格」按鈕。 選擇「彈出式表格」,點擊「下一步」。 輸入訂閱表格名稱,並且選擇聯絡人名單。 點擊「儲存及下一步」。 建立並編輯您的訂閱表格。 您可以點擊左上方的「訂閱」按鈕,在下拉式選單點並編輯訂閱成功訊息。 點擊「儲存」,儲存建立好的訂閱表格。 點擊「發佈」,將 HTML 或者 Javascript 程式碼複製貼上你的網站中 針對同一個用戶只想彈出一次訂閱表格,應該如何設置? 請按照以下步驟操作: 取得 HTML 代碼前,您必須發布您的訂閱表格。 點擊下拉式選單,選擇 HTML 代碼。 複製訂閱表格的 HTML 代碼到網站的文字標籤。 然後搜尋下列文字: “verticalCenter(signupFormContainer);” 接著,複製下列紅色字串,貼到上面字串的分號後面: localStorage.setItem("bmePopupFormSignedUp#SIGNUPFORMID#", "true"); 複製後,把 #SIGNUPFORMID#" 改成您在的訂閱表格 ID。(這組 ID 在您的訂閱表格 URL 裡面可以找到) 完成後,您可以複製更新過的代碼,貼到您想要的頁面。 * 注意:只能新增,但不要移除或修改其他 HTML 代碼。 內嵌式訂閱表格 如同其名,內嵌式表格會鑲嵌於網站中,與網站完美結合在一起。內嵌式訂閱表格僅能蒐集訂閱者信箱、姓名,以下是操作步驟: 登入您的 Benchmark 帳戶。 在首頁左邊列表中點擊「聯絡人」。 現在,點擊左邊列表的「訂閱表格」。 然後,點擊頁面右上角的「新增訂閱表格」按鈕。 選擇「內嵌式表格」,點擊「下一步」。 輸入訂閱表格的名稱,並且選擇聯絡人名單。 點擊「儲存及下一步」。 建立並編輯訂閱表格 點擊「儲存」,儲存建立好的訂閱表格 點擊「發布」按鈕,發布訂閱表格至您的網站。 一般式訂閱表格 一般式訂閱表格與內嵌式訂閱表格相似,差別在於必須套用範本才能建立,製作出來的樣式也較舊。一般式訂閱表格可以讓你設定多個欄位,方便蒐集訂閱者的詳細資訊。請按照以下步驟操作: 登入您的 Benchmark 帳戶。 在首頁左邊列表中點擊「聯絡人」。 現在,點擊左邊列表的「訂閱表格」。 然後,點擊頁面右上角的「新增訂閱表格」按鈕。 選擇「一般式訂閱表格」,點擊「下一步」。 替訂閱表格命名,並選擇您要連結的聯絡人名單。 點擊「儲存及下一步」。 建立並編輯您的訂閱表格。 進入設計訂閱表格頁面,選擇範本 個人化設計訂閱表格區塊 個人化設定訂閱表格上的預設字體或顏色,然後點擊「儲存及下一步」 設定認證信。 最後,複製並貼上 HTML 或者 Javascript 代碼到您要發佈的網站以及部落格。 注意:彈出式訂閱表格預設寬度是 400px,左邊及右邊各有 40px 的間距。圖片區域最大可以放 320px。如果圖片寬度達到上限,您可以根據需求做調整。內嵌式訂閱表格的寬度取決於您要放置在網站的位置。 如何建立符合 GDPR 規定的訂閱表格 新增符合 GDPR 規定的訂閱表格核取方塊有兩個步驟,請依照下列指示操作。 在聯絡人名單編輯自訂欄位。 在訂閱表格新增核取方塊。 在聯絡人名單裡面編輯自訂欄位 建立一組連結到訂閱表格的聯絡人名單。 開啟名單後,點擊右上角的「編輯」。 您可以看到名單內的所有欄位。將捲軸拉到最右邊的「自訂欄位」,選擇其中一個做編輯。您可以重新將欄位命名,例如:隱私權政策。 更改欄位類型為「是/否」,目的是用來辨識訂閱用戶在確認訂閱時所勾選的回覆。 欄位編輯完成後,接下來要建立符合 GDPR 規定的訂閱表格。 在訂閱表格新增核取方塊 您可以選擇「一般式」或「彈出式」訂閱表格。 選擇剛才您建立且編輯過欄位的聯絡人名單。 在建立訂閱表格的第二個步驟,新增先前編輯的欄位。 您可以勾選「必填」的選項,將欄位類型改為「核取方塊」。 勾選「必填」選項。 在「答案」方框輸入下列代碼。 <a target="blank" href="https://www.yourdomain.com"><u>隱私權政策</u></a> 注意: 第六點裡面的連結必須放您的網站隱私權政策。 使用「內嵌式」訂閱表格無法建立核取方塊因為該訂閱表格尚未支援此功能。 您也可以瀏覽這隻影片了解更多資訊。 若您有其他問題,請隨時透過電子信箱、線上客服或電話與我們的支援團隊聯絡。

訂閱表格 九月 5, 2019

利用訂閱表格進行網站追蹤

網站追蹤功能內嵌在我們的訂閱表格,一旦訪客透過訂閱表格註冊,您就可以追蹤他們。我們的訂閱表格帶有追蹤代碼,一旦將訂閱表格代碼新增到您的網站,行銷規劃流程圖就會進行後續追蹤。 如果您已經在網站上放上 Benchmark 提供的訂閱表格,您就可以直接使用追蹤功能。但如果之前使用 HTML 代碼貼上訂閱表格,您必須更換您的 HTML 代碼。如果原先使用的是 Javascript,您就不需更新,因為追蹤代碼已經內嵌在裡面。 誰可以使用訂閱表格的追蹤功能? 網站追蹤是付費用戶可以使用的其中一個功能,付費用戶可以善加利用此功能。 訂閱表格的追蹤功能如何運作? 操作非常簡單,您只需要複製訂閱表格代碼以及您的個人追蹤代碼,然後貼到您的網頁。了解如何新增您的個人追蹤代碼到您的網站。   取得訂閱表格代碼的步驟 進到「聯絡人名單」 接著,點擊「訂閱表格」並選擇(或建立)您要使用追蹤功能的訂閱表格。 要了解如何建立訂閱表格請點擊此處。 系統會開啟訂閱表格編輯器,完成後選擇發布並確認。 看到訂閱表格代碼後,您可以選擇並複製 Javascript   代碼段或 HTML 代碼。 在您的網站新增訂閱表格代碼。 我們建議您將代碼新增到您的首頁。 如果沒有權限更新網頁,您可能需要聯絡網站管理員或您的服務商,請他們協助新增代碼到您的網站。 現在,任何透過訂閱表格訪問網站的訪客就可以透過「行銷規劃流程圖」進行追蹤。 重要: 選擇帶有網站追蹤功能的訂閱表格,您就不用再新增個人的追蹤代碼。 如果您要追蹤其他網頁,新增您的個人追蹤代碼或訂閱表格追蹤代碼到該網頁,追蹤訪客瀏覽紀錄。 追蹤代碼應該放在 <head> 標籤中間。     了解如何建立符合 GDPR 規定的訂閱表格。 如果您有任何關於訂閱表格追蹤的問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

整合 行銷規劃流程圖 十二月 4, 2018

Benchmark Email 如何追蹤網站活動?

Benchmark Email 透過網站嵌入的 Javascript 代碼追蹤訪客的網站活動。您可以在帳戶內取得 Javascript 追蹤代碼(或叫追蹤代碼)。 您可以透過兩種方式追蹤訪客在您的網站的活動紀錄:訂閱表格或郵件的連結。使用訂閱表格追蹤訪客的優點在於一旦訪客完成註冊,不用點擊郵件裡面的連結,系統就會立即進行追蹤。不論是哪種方式,只要符合您的需求就是好的方式。下面兩種情況則是在選擇行銷對象的步驟選擇「造訪網頁的聯絡人」,或是在條件的步驟選擇「網站活動」 ,自動將訂閱用戶加入您的自動化流程。 訂閱表格 當新訪客透過我們的訂閱表格註冊並訂閱您的電子報,系統會自動紀錄訪客瀏覽的網頁,讓您可以根據訪客和網頁互動的程度做後續的行銷。 連結 郵件內的連結也可以進行追蹤。當收件人點擊郵件裡的連結進到您的網站,您的嵌入式追蹤代碼就會追蹤他們瀏覽的其他網頁。 所有收集的資料都會保存 60 天。如果同一位訪客沒有在 60 天內瀏覽您的網站,資料就會被移除。如果訪客在 60 天期限前瀏覽網站,資料會更新。 想了解更多關於行銷規劃流程圖收集的資料,請瀏覽我們的隱私權政策。 如果您有任何問題,請隨時透過線上客服、電子郵件或電話與我們的支援團隊聯絡。

行銷規劃流程圖 八月 30, 2019

1 2