什麼是電子郵件 AMP 以及在嘗試之前您應該了解什麼?

已發表: 2019-02-15

在谷歌致力於加速移動網絡多年後,藍色小閃電已成為搜索引擎結果中的一個可識別符號。

隨著數以千萬計的域現在被“AMP”化,這個開源框架已經擴大了它的影響範圍。 現在,營銷人員不僅使用 AMP 加速點擊後登錄頁面、博客文章和完整網站; 他們也在用它改進電子郵件。

什麼是電子郵件的 AMP?

電子郵件 AMP 是營銷人員利用加速移動頁面框架速度的另一種方式。 在 AMP 博客的正式發布中,Gmail 和聊天產品經理 Aakash Sahney 稱其為開發人員創建更具吸引力、互動性和可操作性的電子郵件體驗的強大方式。

您可以使用 AMP 為電子郵件做什麼?

關於電子郵件 AMP 最常見的問題之一是:您能否使用 AMP 完成電子郵件的所有事情,而您可以使用 AMP?

答案是不。”

但是,AMP 電子郵件的限制遠少於傳統電子郵件。 雖然您無法在 Gmail 中使用 AMP 的所有命令,但您仍然可以創造高度豐富的用戶體驗。 根據 AMP,以下是您可以在 AMP 電子郵件中使用的內容:

動態內容

到目前為止,電子郵件內容主要是靜態的。 除了閱讀、觀看或點擊之外,用戶無法參與其中。 借助用於電子郵件的 AMP,動態內容可以實現更多功能的參與,例如表單提交。 以下是您可以與 AMP 一起用於電子郵件的一些動態內容元素:

  • amp-form:這是 AMP 的表單元素。 它允許設計人員直接在電子郵件中創建可由用戶完成的表單。
  • amp-selector:這是在表單中使用的多選小部件。
  • amp-bind 和 amp-state: AMP 中的簡單腳本語言,允許操作狀態機以實現元素之間的交互。 還可用於在某些事件上添加行為。 amp-state 用於遠程獲取初始狀態機值。
  • amp-list:遠程獲取將由 .
  • template type="amp-mustache":一個 Mustache 模板標記,用於呈現 amp-list 調用的結果。

佈局

傳統電子郵件的佈局相當僵化。 用於電子郵件的 AMP 使用諸如媒體旋轉木馬、圖像和文本燈箱以及用於顯示和隱藏不同部分的手風琴等元素打開它。 您可以使用以下元素以新穎的方式顯示電子郵件:

  • amp-accordion:便於顯示/隱藏不同部分的 UI 元素。
  • amp-carousel :輪播界面組件。
  • amp-sidebar:用於導航目的的側邊欄。
  • amp-image-lightbox:包含圖像的燈箱。
  • amp-lightbox:用於包含內容的燈箱。
  • amp-fit-text:用於在特定區域內擬合文本的輔助組件。
  • amp-timeago:提供一種方便的方式來渲染時間戳。

媒體

在與跳出率的鬥爭中,媒體是你最大的敵人,它對加載時間的貢獻比任何其他因素都多。 借助以下兩個要素,您將在不影響設計的情況下確保效率和速度。

  • amp-img:替換“圖像”的 AMP 組件。
  • amp-anim:嵌入 GIF 文件。

3 用於電子郵件的 AMP 示例

AMP 尚未完全向所有用戶推出。 這並不意味著我們沒有它的用法示例。 2018 年,一些企業與 Google 合作,以強調營銷人員可以使用 AMP 為電子郵件做些什麼。 在 2018 年 AMP 大會上,他們展示了結果。

1. 塗鴉

塗鴉是一種可以讓安排會議更容易的工具。 借助對地點和時間的民意調查,管理人員可以找出所有參與者的最佳聚會時間。

通常,這些民意調查要求訪問者在網頁上完成更多動態操作。 但是,對於電子郵件的 AMP,事情看起來有點不同。

在下方,您將看到 Doodle 中設置的民意調查圖像。 標題寫著“用動態郵件拯救世界:”

用於電子郵件塗鴉的 AMP 示例

當用戶點擊“繼續”時,他們可以選擇最方便的時間,然後通過電子郵件將其發送給群組:

用於電子郵件會議日程的 AMP

這是電子郵件在 Gmail 中的樣子。 您會注意到,在“用動態電子郵件拯救世界”活動的標題下方,通知“11 個參與者中的 4 個,– 0 條評論”。 這就是電子郵件的 AMP 大放異彩的地方:

用於電子郵件會議響應的 AMP

動態內容

您看到的是動態內容。 如在,此內容將隨著更多用戶參與投票而更新。 當第五位用戶完成投票時,您會看到 11 人中有 5 人參與了投票。 當有人發表評論時,您會看到更新的評論計數。

這與我們在電子郵件中獲得的通常是靜態的內容相反。 對於靜態電子郵件,如果我們想了解參與投票的人數,我們需要收到第二封電子郵件。 您在上面看到的內容,無論何時打開,都會有關於投票的最新信息。

另一個很好的電子郵件 AMP 示例如下所示,在電子郵件的“發送提醒”功能中:

用於電子郵件發送提醒的 AMP

在這裡,您會注意到用戶可以輸入參與者的電子郵件地址,然後單擊“發送”以提醒他們完成投票。 這是工作中電子郵件 AMP 的又一個光輝例子。

您所看到的是完成一個表單,就像它在網站或應用程序中的樣子。 然而,它是在一封電子郵件中,這使得完成它變得更加容易。

接下來,我們看看當大多數參與者完成投票時的樣子,用戶可以選擇最後的日期和時間。 您會看到動態內容表明 10 人可以參加 2 月 19 日星期一,而只有 9 人可以參加那個星期二,而 8 人可以參加那個星期三:

用於電子郵件確認會議的 AMP

通過單擊日期,然後單擊“完成”按鈕,用戶可以確定會議的時間,屆時將通知參與者。

2. Booking.com

與 Doodle 一樣,Booking.com 利用 AMP 的動態內容為用戶提供更好的電子郵件體驗。 在這種情況下,它與他們尋找住宿有關。

正如您在第一封電子郵件中看到的,Booking.com 向其用戶提供帶有圖片的房間推薦。 但是,一張縮略圖? 這幾乎不是您決定房間所需的全部內容:

用於電子郵件預訂示例的 AMP

但與靜態電子郵件不同,靜態電子郵件會迫使您點擊進入列表頁面以查看該公寓的照片,電子郵件 AMP 允許用戶單擊圖像邊緣的箭頭以滑動到下一張照片,如下所示:

AMP 電子郵件輪播滑塊

用戶無需離開電子郵件即可獲得更明智的列表視圖。 雖然可以使用 CSS 創建像這樣的電子郵件滑塊,但它被稱為使用 AMP 的電子郵件體驗更加流暢。

但是,如果用戶完全排除該列表怎麼辦? 使用 AMP 電子郵件,這不是問題。

當用戶向下滾動時,他們會找到其他幾個列表。 在這裡,您可以在莫斯科、巴黎、阿姆斯特丹等地看到一個。

如果這些還不夠,用戶可以在他們想要的位置點擊“查看新交易”,該位置的另一個列表將彈出:

AMP 電子郵件更多內容選項

如果用戶認為他們收到了太多 Booking.com 的促銷電子郵件,他們可以簡單地滾動到消息底部並點擊“管理您的訂閱”,這將顯示以下表格:

AMP 電子郵件退訂表

在這裡,用戶和營銷人員都受益匪淺。 用戶可以決定他們希望多久收到這些電子郵件,或者完全取消訂閱,而營銷人員可以收集更多關於用戶如何響應他們的活動的數據。

3. 品趣

Pinterest 一直是一個高度可視化的社交網絡,它幫助其團隊創建引人注目的電子郵件。 不幸的是,在用於電子郵件的 AMP 之前,它們只能吸引註意力。

在下面獲取此電子郵件:

AMP 電子郵件 Pinterest 示例

通常,如果此電子郵件在您的收件箱中,您必須單擊以查看食譜的詳細信息、其中包含的內容、對其的評論、變化等。

但是,使用 AMP 電子郵件,您可以單擊圖板右上角的“韓國炸雞炸玉米餅”食譜,它會在電子郵件中擴展為更大、更詳細的圖釘:

Google AMP 電子郵件 Pinterest 詳細 pin

對於 Pinterest 來說,電子郵件的 AMP 是全面的,但尤其是在入門過程中,這很難讓用戶完成。 以下是使用 AMP 處理電子郵件可以輕鬆得多……

通常,當用戶註冊時,他們會收到一封如下所示的電子郵件,指示他們關注 5 個或更多主題,以便 Pinterest 可以為他們構建自定義主頁:

Google AMP 電子郵件 Pinterest 關注主題

在靜態電子郵件中,用戶必須點擊它進入 Pinterest 網站才能選擇五個要關注的主題。

動態標題

但是,正如您在下面的示例中看到的,一旦用戶開始單擊主題,電子郵件的標題就會動態更改為“關注 3 個(或更多!)主題:”

Google AMP 電子郵件 Pinterest 附加主題

他們不僅可以從顯示的主題中進行選擇,還可以從副標題下的過濾器隱藏的主題中進行選擇。 他們閱讀“食物”、“DIY”和“藝術”。 當用戶單擊它們時,它們會顯示一組新的主題照片,用戶可以單擊這些照片進行訂閱。

主題選擇完成後,上面灰顯的 CTA 變為紅色並變為可點擊狀態,並顯示“完成”。 此外,標題寫著“一切就緒!” 在副標題“準備為您構建自定義主頁”上方。 你可以在這裡看到它的樣子:

用於電子郵件 Pinterest 主題集的 Google AMP

當用戶點擊“完成”時,將構建一個主頁,下面的加載欄將像在應用程序中一樣前進,標題/副標題為“構建主頁/從……中找到你的想法”

電子郵件和 AMP Pinterest 構建主頁

電子郵件和 AMP Pinterest 主頁已準備就緒

完成後,用戶已完全準備好開始使用該應用程序,電子郵件會通過一個“Homefeed 就緒!”按鈕通知他們。 他們可以點擊進入網站。

電子郵件 AMP 的可能負面影響

雖然用於電子郵件的 AMP 為強大的媒體帶來了革命性的潛力,但並不是每個人都相信它會變得更好。 在 Litmus 的博客文章中,Jain Mistry 概述了該技術可能面臨的一些問題:

  • ESP 幾乎沒有支持:使用 AMP 的電子郵件與傳統電子郵件不同,因此,它們不能以傳統方式構建。 如果您的電子郵件服務提供商無法支持創建它們所需的技術,您可能會發現自己無法支持。
  • 用於電子郵件的 AMP 僅適用於 Gmail:目前用於電子郵件的 AMP 是 Gmail 獨有的。 如果您的電子郵件列表主要是 Gmail 用戶,這可能不是問題。 如果不是,您可能需要為非 Gmail 用戶創建非 AMP 版本的電子郵件。
  • 跟踪可能受到限制:跟踪對優化至關重要。 目前,營銷人員可以跟踪打開、點擊等以改進活動。 當您添加到用戶可以執行的操作列表時,您還添加了營銷人員必須跟踪的內容。 有沒有辦法追踪他們?
  • 它可能會讓用戶感到困惑:完全改變我們使用電子郵件的方式的問題在於它可能會太多太快。

例如:動態內容雖然讓營銷人員有機會在發送後保持電子郵件的最新狀態,但可能會使期望靜態內容的用戶感到困惑。 Mistry 寫道:“想像一下打開同一封電子郵件一次、兩次,然後第三次希望找到相同的內容,而不是? 這種策略可能會導致您的訂閱者失去信任——這是電子郵件營銷中的一種寶貴商品。”

您會使用 AMP 發送電子郵件嗎?

根據 Litmus 的一項調查,在熟悉電子郵件 AMP 的 55.6% 的人中,55.4% 的人表示他們有點可能或非常可能使用它:

AMP 電子郵件行業使用情況

在上面的例子中,好處是顯而易見的。 用於電子郵件的 AMP 使用戶能夠以一種更輕鬆、無摩擦的方式通過電子郵件與品牌互動。 對於品牌而言,讓互動更容易的好處總是體現在投資回報率中。

如果他們可以通過電子郵件填寫民意調查,他們更有可能這樣做; 如果他們可以在電子郵件中瀏覽酒店列表,他們就更有可能這樣做。 Pinterest 的情況也是如此,通過社交媒體入職。

如果您準備好使用 AMP 來改進您的點擊後登錄頁面,請註冊一個 Instapage 演示,看看它可以為您的廣告系列做些什麼。