使用 AMP 打造 Google Ads 到達網頁

到達網頁載入速度愈快,轉換次數通常就會愈多。AMP 是製作載入速度更快、吸引人的 Google Ads 到達網頁的絕佳方式。amp.dev 提供網頁開發人員所需的資源,協助他們製作出吸引人且成效出色的網頁。本逐步指南說明如何在 AMP 網頁中使用 Google Ads 和其他廣告技術。

步驟 1:建立及驗證 AMP 網頁

建立 AMP 網頁

如要瞭解如何建立基本的 AMP 網頁,請先參閱 AMP 專案的「建立第一個 AMP 網頁」教學課程。如需更多實作和逐步指南,請完成「將 HTML 轉換為 AMP」和「新增進階 AMP 功能」教學課程。如要查看 AMP 元件的範例程式碼和範本,請參閱「AMP 網站範例」和「AMP 範本」。

以下清單說明 AMP 頁面中使用的部分元件。如需參考,請參閱元件的完整清單

  • amp-bind:根據類似 JavaScript 的事件,新增自訂的具狀態互動功能。
  • amp-form:建立需要使用者輸入內容的到達網頁。
  • amp-list:從 CORS JSON 端點動態擷取內容。
  • amp-carousel:用於捲動圖片庫的圖片輪轉介面。
  • amp-lightbox:在使用者與元件互動時,顯示元件的全螢幕檢視畫面。
  • amp-call-tracking:動態取代超連結中的電話號碼,以便追蹤來電。
  • amp-mustache:可使用 Mustache.js 進行轉譯。
  • amp-date-picker:提供可用來選取日期的小工具。日期挑選器可顯示為相對於輸入欄位的疊加層,或顯示為靜態日曆小工具。

驗證 AMP 網頁

開發期間,請務必確認 AMP 網頁有效。AMP 提供多種不同的方法來驗證文件。驗證 AMP 網頁最常見的方式是使用網路驗證工具Google 網站管理員工具驗證工具。您也可以使用 Chrome 瀏覽器外掛程式和開發人員控制台,或是在建構中整合 amphtml-validator npm 模組

您也可以使用 AMPBench,這是一款開放原始碼網頁應用程式和服務,可驗證 AMP 網頁部署作業,並對相關問題進行偵錯。

如需 AMP 測試支援服務,請前往 AMP 專案的「Getting Support」頁面。

步驟 2:設定 AMP 以便追蹤轉換和分析

使用 amp-analytics 元件追蹤 Google Ads 轉換。請按照「為 AMP 到達網頁設定 Google Ads 轉換評估」一文中的步驟操作,瞭解如何設定這項功能。

Google Analytics

Google Analyticsamp-analytics 支援的數據分析解決方案之一。如要讓工作階段在 AMP 和非 AMP 網頁中統合,請按照「為 AMP 設定 Google Analytics 工作階段統合」中的步驟操作。

Google 代碼管理工具

amp-analytics 元件內建 Google 代碼管理工具 支援功能。除了 Google Ads 轉換,您也可以使用 Google 代碼管理工具新增再行銷、DoubleClick Floodlight、Google 通用 Analytics 和類似的評估產品。請參閱相容的標記完整清單

Adobe Analytics (先前稱為 Omniture)

Adobe Analytics 提供兩種方法,可透過 amp-analytics 元件導入網站成效追蹤解決方案:iframe (adobeanalytics_nativeConfig) 和非 iframe (adobeanalytics) 導入方式。請參閱各個方法的優缺點和實作詳細資訊。

您可以使用 amp-analytics 元件追蹤使用者動作和事件。AMP Analytics 提供超過 40 個分析供應商的原生支援功能。這個架構相當靈活,可讓您使用自訂設定評估及觸發網址,將分析資訊傳送至您自己的伺服器,或傳送至不支援原生 AMP 的供應商。如果您使用的技術目前不受支援,請要求供應商新增支援

AMP 數據分析也支援彈性的變數替換功能,詳情請參閱「變數替換」說明文件。

步驟 3:在 Google Ads 使用者介面中啟用 AMP 放送功能

雖然 Google 搜尋中的 AMP 網頁會透過網頁連結自動偵測,但廣告客戶必須在 Google Ads 中明確輸入 AMP 網頁網址。如要進一步瞭解如何在 Google Ads UI 中設定 AMP 網址,請參閱「如何在 Google Ads 中使用 AMP」。

目前,快取放送功能僅適用於 Google 搜尋結果網頁上的文字廣告,且僅適用於大多數主要瀏覽器,包括 Android Chrome、Android Google 搜尋應用程式和行動版 Safari。我們將在接下來幾個月提供更多相關資訊。

如要測試 AMP 網頁在 Google 搜尋檢視器中透過 Google AMP 快取傳送時的顯示方式,請在 Search AMP 測試工具中輸入 AMP 文章,然後按一下「預覽連結」

此外,如果您想將 Google Ads 流量導向 AMP 到達網頁,但不想讓這些流量顯示在自然搜尋結果中,請為相關 AMP 網頁新增 Disallow 指令至 robots.txt,就像為任何一般網頁一樣。

更新到達網頁上的 AMP 內容

當使用者從 Google AMP 快取要求 AMP 文件時,快取會自動要求更新,以便在快取內容後為下一位使用者提供最新內容。使用這個模型後,AMP 文件的更新會自動快速地傳播,更新後,只有少數使用者會注意到未更新的版本。此外,如有需要,您可以使用 update-cache API 更新或移除 AMP 快取中的內容。

AMP 專案每天都會新增功能和元件。如果發現缺少功能,您可以貢獻,或提出新增功能的要求,方法是開啟 GitHub 問題

無效的 AMP 網頁處理

當網頁變為無效時,AMP 快取會在幾次要求的時間範圍內發現這項情況,並開始重新導向至提供 AMP 網頁的來源。恢復使用 AMP 快取放送服務可能需要 1 到 2 天。