知識庫首頁 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 Email 帳戶建立不同訂閱表格,本文將帶您實際操作,了解如合建立每一種訂閱表格。 點擊下方選項,了解您要建立的訂閱表格。 內嵌式訂閱表格(進階) 內嵌式訂閱表格 彈出式訂閱表格 已訂閱用戶還會看到彈出式訂閱表格嗎? 一般式訂閱表格 符合 GDPR 規定的訂閱表格 開始前,請注意下列事項: 免費帳戶每天可以收集 75 個訂閱用戶。 付費帳戶沒有限制訂閱用戶的數量。 使用舊介面的客戶無法使用內嵌式訂閱表格(進階)。 新介面已經用新的「內嵌式訂閱表格(進階)」取代原本的「一般式訂閱表格」,功能維持相同。 顧名思義,內嵌式訂閱表格就是嵌在網站裡面,跟其他內容或區塊放在網站上。 如果您要刪除訂閱表格的某個區塊,進到訂閱表格編輯器,將滑鼠移到區塊上方,您會看到垃圾桶圖示。點擊該圖示,刪除該區塊。 截至 2018 年 9 月,許多 Google 服務仍被中國封鎖。由於這些限制,如果您位於中國等受到影響的地區,reCAPTCHA 驗證碼可能無法正常運作。點擊此處,了解更多相關資訊。   內嵌式訂閱表格(進階) 建立訂閱表格步驟如下: 點擊導覽列左側的「聯絡人」。 現在,點擊導覽列左側選單的「訂閱表格」。 然後,點擊頁面右上方的「新增訂閱表格」按鈕。 選擇「內嵌式訂閱表格(進階)」,點擊「下一步」。 替訂閱表格命名並選擇聯絡人名單,然後點擊「儲存及下一步」。 建立並編輯您的訂閱表格 點擊左上方的「訂閱設定」,編輯訂閱設定訊息。 將滑鼠移動到訂閱表格上方,點擊「刪節號」就可以變更訂閱表格外觀或新增欄位。 完成後,點擊「儲存並發布」。 接著你會看到訂閱表格代碼,選擇您要的代碼類型,像是 Javascript 或 HTML,複製並貼上到您的網站。 重要 如果您沒有設定像素的寬度,訂閱表格會填滿整個寬度區域。 訂閱表格在桌機顯示最大寬度為 999 像素,但如果在行動裝置開啟,訂閱表格會自動填滿與螢幕大小一致。 可自訂義的部份 雖然您可以自訂寬度,但是我們不建議您做調整。訂閱表格預設會以 100% 大小填滿整個寬度區域。 您可以更改訂閱表格的背景顏色、新增框線以及設定圓角。 點擊訂閱表格,新增圖片、文字、分隔線,自訂標題、欄位以及訂閱表格按鈕。 您可以在內嵌式訂閱表格(進階)加入想要的欄位數量,但我們建議保持訂閱表格精簡。 需要靈感嗎?下面是透過 Benchmark 建立的訂閱表格。 返回頁首   內嵌式訂閱表格 開始前,請注意下列事項: 訂閱表格寬度取決於您放在網站的位置。 內嵌式訂閱表格只收集電子信箱、名字以及姓氏。 建立內嵌式訂閱表格步驟如下: 登入您的 Benchmark 帳戶。 點擊左側導覽列的「連路人」。 現在,點擊導覽列左側選單的「訂閱表格」。 點擊頁面右上方的「新增訂閱表格」按鈕。 選擇「內嵌式訂閱表格」,點擊「下一步」。 替訂閱表格命名並選擇聯絡人名單。 點擊「儲存及下一步」。 建立並編輯您的訂閱表格。 完成後,點擊「儲存並發布」。系統會彈出訂閱表格代碼視窗,選擇 Javascript 或 HTML 代碼,複製並貼上到您的網站。 可以自訂義的設定 這款精簡的訂閱表格只有三個欄位,名字、姓氏以及電子信箱,但不支援圖片。 雖然您可以自訂寬度,但是我們不建議您做調整。訂閱表格預設為 100% 填滿整個區域。 您可以更改背景顏色、標題以及按鈕樣式。 需要靈感嗎?下面是透過 Benchmark 建立的訂閱表格。   返回頁首   彈出式訂閱表格 訪客瀏覽網頁時會彈出這款訂閱表格,覆蓋在頁面上方,使網頁顏色變暗。 建立彈出式訂閱表格步驟如下: 點擊導覽列左側的「聯絡人」。 現在,點擊導覽列左側選單的「訂閱表格」。 然後,點擊頁面右上方的「新增訂閱表格」按鈕。 選擇「彈出式訂閱表格」,點擊「下一步」。 替訂閱表格命名並選擇聯絡人名單。 點擊「儲存及下一步」。 建立並編輯您的訂閱表格。 點擊左上方的「訂閱設定」,編輯訂閱設定訊息。 點擊「全局設定」,編輯彈出式表格設定。 完成後,點擊「儲存並發布」。 請注意下列事項: 彈出式訂閱表格寬度預設為 400 像素,左右兩邊的間距是 40 像素。圖片最大寬度為 320 像素。如果圖片佔滿整個頁面寬度,您可以根據需求修改圖片。 可以自訂義的設定 除了彈出式訂閱表格本身,您還可以自訂其他內容,像是「訂閱成功」訊息。記住,彈出式訂閱表格是訪客瀏覽網頁才彈出來,雖然您可以新增多組欄位,但我們建議您欄位保持精簡才能快速收集更多訂閱用戶。 您可以選擇「彈窗位置」,也就是表格在頁面出現的地方:「置中」為常見選項。 您可以設定新的寬度。 您可以新增「動畫」!訂閱表格可以選擇從向左或向右滑動、上升或下降,展開或淡入。 「延遲」表示訂閱表格出現的時間,可以選擇 0 到 60 秒。 類似其他訂閱表格,您也可以自訂顏色、框線、圓角,也可以增加陰影、選擇不透明度及陰影大小。 訪客如果不想訂閱可以關閉訂閱表格。您還可以自訂「關閉」圖示的位置、顏色、圖示類型、背景及框線等等。 「覆蓋」預設為不透明度 70% 的黑色,它是訂閱表格顯示時的背景,您可以自訂顏色、不透明度,如果不需要還可以取消套用。我們建議您保留覆蓋設定,增加訂閱表格的視覺效果。 點擊訂閱表格,新增圖片、文字、分隔線,自訂標題、欄位以及訂閱表格按鈕。 點擊「訂閱成功」,自訂義訊息內容。您也可以更改字型、顏色樣式、文字以及背景。 需要靈感嗎?下面是透過 Benchmark 建立的訂閱表格。 返回頁首   已訂閱用戶還會看到彈出式訂閱表格嗎? 彈出式訂閱表格預設只會針對未訂閱用戶顯示一次。一旦訪客訂閱後,頁面就不會再彈出訂閱表格。如果回流訪客清除瀏覽器快取資料、使用無痕模式或使用其他瀏覽器,彈出式訂閱表格就不會再出現。 如何讓彈出式訂閱表格只彈出一次? 在設計步驟,點擊「全局設定」。 然後,點擊「關閉」選項。 現在,選擇「訪客只會看到一次彈出式視窗」選項。 最後,點擊「儲存並發布」。 如果訂閱表格安裝在許多頁面上,訂閱表格一樣只會彈出一次。   返回頁首     一般式訂閱表格 請注意下列事項: 一般式訂閱表格格式比較舊,類似內嵌式,但一般式訂閱表格格式已經過時。   我們已經用「內嵌式訂閱表格」取代「一般式訂閱表格」。 您可以複製一般式訂閱表格,但無法建立全新的一般式訂閱表格。 只有使用舊介面的用戶可以使用「一般式訂閱表格」。 返回頁首   如何建立符合 GDPR 規定的訂閱表格 新增符合 GDPR 規定的核取方塊總共有兩個步驟,請參考下列說明。 編輯聯絡人名單的自訂欄位。 在訂閱表格新增核取方塊。 聯絡人名單的自訂欄位 建立一組聯絡人名單,連動到訂閱表格。 建立名單後,點擊編輯。 您會看到名單內的所有欄位,將橫軸移動到「自訂欄位」,選擇一組欄位進行編輯。您可以將欄位重新命名,像是「隱私權政策」。 更改欄位類型為是/否,目的是紀錄訪客填寫訂閱表格的答案。   欄位編輯完成後,我們需要建立符合 GDPR 規定的訂閱表格。 在訂閱比格新增核取方塊 您可以在「內嵌式訂閱表格」或「彈出式訂閱表格」使用核取方塊。 建立一組訂閱表格(也可以使用已建立的表格)。 接著,選擇先前編輯過欄位的聯絡人名單。在建立訂閱表格的步驟 2 新增前一個步驟編輯過的欄位。 滑鼠移動到名字和電子信箱的中間,點擊刪除號並新增您要的欄位。 然後「選擇欄位」,勾選您建立的自訂欄位。 現在,點擊返回箭頭,您會看到剛才選擇的欄位。 點擊該欄位。 替欄位命名,像是改成「隱私權政策」。(非強制,因為您已經在聯絡人名單內修改過欄位名稱)。 更改類型為「核取方塊」。 勾選「必填」方塊。 在答案欄位,新增下列代碼<a target="blank" href="https://www.yourdomain.com"><u>隱私權政策</u></a> 注意:將 https://www.yourdomain.com 替換成貴公司網站的隱私權政策頁面。 繼續編輯訂閱表格,或是完成後,點擊「儲存並發布」。 重要 上面第 10 點提到的超連結必須連結到您網站的隱私權政策。 內嵌式訂閱表格不支援核取方塊,所以無法建立訂閱表格。 您也可以參考下面影片,了解更多資訊: 內嵌式訂閱表格(進階):僅限新介面才能使用   返回頁首 重要 如果熟悉 CSS,您可以加入代碼,幫訂閱表格增添額外的風格。 如果您有其他問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

訂閱表格 20 十月, 2020

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

網站追蹤代碼內嵌在我們的部份訂閱表格,一旦訪客透過訂閱表格註冊,您就可以追蹤他們。一旦將訂閱表格代碼新增到您的網站,行銷規劃流程圖就會進行後續追蹤。 誰可以使用訂閱表格的追蹤功能? 網站追蹤是付費用戶可以使用的其中一個功能,付費用戶可以善加利用此功能。 訂閱表格的追蹤功能如何運作? 操作非常簡單,您只需要複製訂閱表格的網站追蹤代碼,然後貼到您的網頁。了解如何新增您的追蹤代碼到您的網站。 取得訂閱表格代碼的步驟 進到「聯絡人名單」 接著,點擊「訂閱表格」並選擇(或建立)您要使用追蹤功能的訂閱表格。這裡,我們使用先前已建立的訂閱表格做示範。想了解如何建立訂閱表格,點擊此處。 系統會顯示訂閱表格「設計」頁面,接著點擊「儲存並發布」。 如果確認表格無誤,點擊「確認」。 Javascript   代碼段或 HTML 代碼。 系統會顯示「訂閱表格代碼」,在下拉式選單中選擇「用 JavaScript 代碼段進行網站追蹤」或「用 HTML 代碼進行網站追蹤」,點擊「複製」。 前往您的網站,貼上您的訂閱表格代碼。 我們建議您將追蹤代碼新增到您首頁的 header。新增代碼到 header 可以追蹤所有頁面。 如果沒有權限更新網頁,您可能需要聯絡網站管理員或您的服務商,請他們協助新增代碼到您的網站。 現在,任何透過訂閱表格訂閱電子報的訪客就可以透過「行銷規劃流程圖」進行追蹤。 重要: 選擇帶有網站追蹤功能的訂閱表格,您就不用再新增個人的追蹤代碼。注意,訂閱表格會出現在已經安裝追蹤代碼的任一頁面。 如果您想追蹤其他網頁但不想要顯示訂閱表格,選擇安裝您的個人追蹤代碼即可。 追蹤代碼應該放在 <head> 標籤中間。 了解如何建立符合 GDPR 規定的訂閱表格。 如果您有任何關於訂閱表格追蹤的問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

整合 行銷規劃流程圖 3 九月, 2020

Benchmark Email 如何追蹤網站活動?

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

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

1 2