根據裝置類型顯示動態內容

研究顯示,用戶在手機、平板電腦或桌面電腦上的行為是不同的。使用動態頁面的裝置類型條件,您可以輕鬆地為每種裝置優化您網站的內容體驗。您可以選擇替換某些頁面內容,替換整個頁面,或僅在特定裝置上添加新內容。

適應性設計解決方案

與響應式設計不同,動態頁面的解決方案是一個伺服器端的解決方案。這意味著您設定要在特定裝置上顯示的內容將不會在其他裝置上載入。這導致頁面加載更快,並且是一種方便的方式來管理和優化內容。

您的網站如何從基於裝置的內容中受益?

使用範例:

• 在手機設備上顯示點擊撥打電話按鈕,而在桌面電腦上顯示電話號碼。

• 與時間表條件結合:在營業時間內向移動訪客顯示點擊撥打電話按鈕,並在營業關閉時用聯繫表單替換它。

• 防止手機設備上載入滑塊和其他加載時間長的內容。

• 創建主頁(或任何其他頁面)的完全不同版本,並將手機訪客重新導向到新的優化頁面。

可能的使用案例:

• 在手機設備上顯示點擊撥打電話按鈕

• 提示用戶下載適合其設備的應用程式

哪些內容可以使用裝置類型條件進行自定義?

與動態頁面所有動態觸發條件一樣,網站上的任何內容都可以進行自定義。這包括標題、文字、圖像、呼籲動作、按鈕等。

將手機訪客重定向到新頁面

動態頁面 的裝置類型條件可用於將手機訪客重定向到新頁面。以下 JavaScript 代碼將自動重定向到您選擇的頁面(請確保將 http://www.example.com 替換為您想要重定向的頁面的 URL)。要僅在手機裝置上創建重定向,請使用裝置類型條件創建動態頁面觸發器,並將代碼貼至相關內容欄位中(請參閱以下的逐步說明)。

<script> window.location.replace(“https://www.example.com”); </script>

使用動態頁面設定基於裝置的內容:

  1. 在您的儀表板中,前往「動態頁面 → 新增觸發」。
  2. 點擊「選擇條件」,選擇「裝置類型」。
  3. 選擇您要在哪些裝置上顯示自定義內容。
  4. 在內容欄位中,設定要在您選擇的裝置上顯示的內容。
  5. 在預設內容欄位中,設定要在您未選擇的裝置上顯示的內容(可選,也可以留空)。
  6. 按下「發佈」,並將動態頁面生成的短碼貼到您的網站上。
返回頂端