什麼是用於電子郵件的 AMP?在嘗試之前您應該了解什麼?

已發表: 2019-02-15

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

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

什麼是電子郵件 AMP?

用於電子郵件的 AMP 是營銷人員利用加速移動頁面框架速度的另一種方式。 在 AMP 博客的官方發布中,Gmail 和 Chat 的產品經理 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 :輪播 UI 組件。
  • amp-sidebar:用於導航目的的側邊欄。
  • amp-image-lightbox:用於包含圖像的燈箱。
  • amp-lightbox:用於包含內容的燈箱。
  • amp-fit-text:用於在特定區域內調整文本的輔助組件。
  • amp-timeago:提供一種方便的時間戳渲染方式。

媒體

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

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

3 用於電子郵件的 AMP 示例

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

1.塗鴉

Doodle 是一種可以更輕鬆地安排會議的工具。 借助對地點和時間的投票,管理人員可以為所有參與者找出最佳的聚會時間。

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

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

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

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

用於電子郵件會議安排的 AMP

Gmail 中的電子郵件如下所示。 您會注意到在活動標題“使用動態電子郵件拯救世界”下方,通知“11 名參與者中有 4 名,– 0 條評論”。 這是用於電子郵件的 AMP 的亮點:

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

動態內容

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

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

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

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

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

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

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

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

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

2. 繽客網

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

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

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

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

AMP 電子郵件輪播滑塊

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

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

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

如果這些還不夠,用戶可以在他們想要的位置點擊“See new deal”,那個地方的另一個列表會彈出:

AMP 電子郵件更多內容選項

如果用戶認為他們收到了太多 Booking.com 的促銷郵件,他們只需滾動到郵件底部並點擊“管理您的訂閱”,就會顯示下面的表格:

AMP 電子郵件退訂表單

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

3.品特雷斯特

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

拿下面這封電子郵件:

AMP 電子郵件 Pinterest 示例

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

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

Google AMP 電子郵件 Pinterest 詳細圖釘

對於 Pinterest,用於電子郵件的 AMP 全面有意義,但尤其是在難以讓用戶完成的入職流程中。 以下是使用 AMP 發送電子郵件可以變得多麼容易……

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

Google AMP 電子郵件 Pinterest 關注主題

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

動態標題

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

Google AMP 電子郵件 Pinterest 附加主題

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

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

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

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

電子郵件和 AMP Pinterest 構建主頁

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

完成後,用戶已完全準備好開始使用該應用程序,並且電子郵件通過一個顯示為“Homefeed ready!”的按鈕讓他們知道這一點。 他們可以點擊進入該網站。

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 演示,看看它可以為您的廣告系列做些什麼。