欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

優化開信率小技巧 – 如何在不影響電子報內容的情況下修改預覽文字?_html/css_WEB-ITnose

程序员文章站 2022-04-26 23:37:37
...
影響開信率的因素是什麼?當收件者打開收件匣後,收件者會看到的要素包括:寄件者姓名、主旨、預覽文字。

我們先假設起跑點是一樣的:收件者、寄件者都處於相同狀態、且內容都十分吸引人的情況下,訊息傳遞的完整性會是引起開信興趣的決定性因素。

因此我們可以理解,在收件匣中,預覽文字代表的是主旨的延伸 – 是十分有限且珍貴的資源。由於email 預設抓取的是電子報最上方的純文字。因此,有時會因為戰略的需求,而犧牲預覽文字,或是一部分的電子報內容。

例如,在下面的例子中, LinkedIn 電子報的內容如下。可以看出最上方的文字是 ” If you have trouble viewing this mail, read the online version ”。

一般情況下,在收件匣中的預覽文字應該是會與上方預期的一致。

然而,實際在收件匣中呈現出來的預覽文字如下:

要如何在不犧牲內容的情況下,達到這個效果呢?

今天要分享的小技巧就是針對這個問題進行解決,一共有兩種方法,分別是為不想碰 html 原始碼、或願意修改原始碼的行銷人員所提供。

將預覽文字與背景融為一體

這是最直覺,也最不需要技術的處理方法。只要在電子報最上方預留一行空行,將你希望顯示的預覽文字打在最上面

將文字顏色調整至和圖片相同,如下圖

這張圖中的文字已經調整至和背景一致,要反白才看的見囉

將預覽文字藏在原始碼中

這算是比較進階的做法,但是可以讓預覽文字從電子報中完全完全消失。實際作法如下:

將預覽文字打在電子報的正上方,並將這段文字的屬性 (style) 改為 display:none;font-size:0;max-height:0;width:0;line-height:0;mso-hide:all。

例如,這個例子裡,就是

Download Our latest eBook, Creating Your First Big Rock: A Step by Step Guide for Marquee Content. (這段文字可以自行修改)

如果是直接把原始碼貼上的話,則是要特別注意要直接貼在

後,請參考下圖。

完成之後,最好試寄一封給自己確認,就可以確認預覽文字是否成功修改。

延伸閱讀: 實體通路如何適應網路時代,做出行銷調整?

延伸閱讀: 找不到適合的版型嗎?利用這3款編輯器,輕鬆做出電子報版型

(圖片來源: pixabay )