回應式體驗適用的行動檢視區

行動檢視區可讓您預覽您的 Adobe Target 活動在各種大小的螢幕上的面貌。

行動檢視區預覽功能是專為可適當呈現在各種裝置、視窗和螢幕大小的回應式網站所設計。回應式網站會自動調整並適應任何螢幕大小，包括桌上型電腦、筆記型電腦、平板電腦或行動電話。

注意

如果您的網站為回應式網站，且桌上型電腦頁面中的相同元素也透過不同的組態用於行動頁面中，請使用行動檢視區。如果您有另一個行動網站具有不同的結構，例如 m.mysite.com，請改用多頁活動。
行動檢視區被重新導向選件覆蓋所重疊時會無法使用。

檢視區是以螢幕上的網頁填入的矩形大小來定義。檢視區是瀏覽器視窗的大小減去捲軸和工具列。瀏覽器使用「CSS 像素」。對於許多裝置，例如有視網膜螢幕的裝置，檢視區小於公布的裝置解析度。

底下是常用裝置的檢視區和解析度。請記得在 Target 中使用檢視區大小。

注意

各個網站都有列出常用裝置的檢視區大小。如需範例，請參閱 https://viewportsizer.com/devices/。如需最準確且最新的資訊，請查詢裝置製造商的網站。

裝置	檢視區大小 (寬度 x 高度)	裝置解析度 (寬度 x 高度)
iPhone 12	390 x 844	1170 x 2532
iPhone 12 Mini	360 x 780	1080 x 2340
iPhone 12 Pro	390 x 844	1170 x 2532
iPhone 12 Pro Max	428 x 926	1248 x 2778
iPhone SE	214 x 379	640 x 1136
iPhone 11 Pro Max	414 x 896	1242 x 2688
iPhone 11 Xs Max	414 x 896	1242 x 2688
iPhone 11	414 x 896	828 x 1792
iPhone 11 Xr	414 x 896	828 x 1792
iPhone 11 Pro	375 x 812	1125 x 2436
iPhone 11 X	375 x 812	1125 x 2436
iPhone 11 Xs	375 x 812	1125 x 2436
iPhone X	375 x 812	1125 x 2436
iPhone 8 Plus	414 x 736	1080 x 1920
iPhone 8	375 x 667	750 x 1334
iPhone 7 Plus	414 x 736	1080 x 1920
iPhone 7	375 x 667	750 x 1334
iPhone 6s Plus	414 x 736	1080 x 1920
iPhone 6s	375 x 667	750 x 1334
iPhone 6 Plus	414 x 736	1080 x 1920
iPhone 6	375 x 667	750 x 1334
iPad Pro	1024 x 1366	2048 x 2732
iPad 第 3 代與第 4 代	768 x 1024	1536 x 2048
iPad Air 1 和 2	768 x 1024	1536 x 2048
iPad Mini	768 x 1024	768 x 1024
iPad Mini 2 和 3	768 x 1024	1536 x 2048
Nexus 6P	411 x 731	1440 x 2560
Nexus 5X	411 x 731	1080 x 1920
Google Pixel	411 x 731	1080 x 1920
Google Pixel XL	411 x 731	1440 x 2560
Google Pixel 2	411 x 731	1080 x 1920
Google Pixel 2 XL	411 x 823	1440 x 2880
Samsung Galaxy Note 5	480 x 853	1440 x 2560
LG G5	360w x 640	1440 x 2560
LG G4	360w x 640	1440 x 2560
LG G3	360w x 640	1440 x 2560
One Plus 3	480 x 853	1080 x 1920
Samsung Galaxy S9	360 x 740	1440 x 2960
Samsung Galaxy S9+	360 x 740	1440 x 2960
Samsung Galaxy S8	360 x 740	1440 x 2960
Samsung Galaxy S8+	360 x 740	1440 x 2960
Samsung Galaxy S7	360 x 640	1440 x 2560
Samsung Galaxy S7 Edge	360 x 640	1440 x 2560
Nexus 7 (2013)	600 x 960	1200 x 1920
Nexus 9	768 x 1024	1536 x 2048
Samsung Galaxy Tab 10	800 x 1280	800 x 1280
Chromebook Pixel	1280 x 850	2560 x 1700

若要將活動傳送給特定裝置上的訪客，請在活動圖表中選擇適合該裝置的受眾。使用「行動裝置網頁撰寫器」，針對該裝置來編輯活動中的頁面。若要在整個數位體驗中執行活動以確保該活動在所有裝置上都顯示良好，請勿套用目標定位。而是要改用行動檢視區來預覽該活動在各種螢幕大小上的面貌。

如果是回應式網站，您的網站通常會有以下設計：當具有特定螢幕大小的裝置存取網站時，在不同檢視中開啟。觸發新檢視的螢幕大小稱為 CSS 中斷點。 CSS 中斷點是指網站內容做出回應的點，用以根據裝置寬度向訪客顯示最佳版面。 CSS 中斷點也稱為媒體查詢。

將 CSS 中斷點儲存在 Target 中，就可以針對您定義的每一個檢視來預覽體驗。其中每個體驗都會顯示在 Target 介面的行動檢視區中。若要開啟每個螢幕大小的檢視，請在畫面頂端按一下該檢視區。

如果網站不是回應式網站，只要活動是以特定裝置為目標，您仍可使用「行動裝置網頁撰寫器」來檢視網站。

重要

您可以在行動檢視區內編輯體驗。不過，這些變更會套用到所有檢視區和裝置，而不只是您正在使用的檢視區。同樣地，在標準桌上型電腦檢視中編輯體驗時，將會變更所有螢幕大小的頁面，而不只是桌上型電腦檢視。目前，Target 不支援檢視區特有的頁面變更。

行動檢視區設定

打造您的體驗時，請設定您要提供的行動檢視區。

按一下管理 > 視覺體驗撰寫器。
在行動檢視區設定區段中，按一下新增。

或

若要變更現有行動檢視區的設定，請選取該檢視區，然後按一下編輯 (鉛筆) 圖示。
輸入行動檢視區的名稱。

為您的行動檢視區提供易於識別的描述性名稱。名稱的長度最多可為 36 個字元。
指定行動裝置的螢幕大小，包含寬度和高度。

寬度可以是 150 到 968 像素。高度可以是 150 到 1280 像素。
(可選) 選取裝置的作業系統。

選項:
- Android
- iOS
- Windows
- Symbian
- Blackberry
如果您使用增強型體驗撰寫器並選擇作業系統，Target 會在您檢視頁面時模擬該裝置。例如，如果您的回應式網站在 Android 與 iOS 上的外觀與風格有一些不同，Target 會模擬該行為。
按一下儲存。