Show Menu
主題×

行動應用程式可視化體驗撰寫器

適用原生行動應用程式的可視化體驗撰寫器 (VEC) 可讓您在原生行動應用程式中,自己動手建立活動與個人化內容,不必再經過不斷的開發相依性及應用程式發行週期。
現有的 可視化體驗撰寫器 能讓您全部自己動手操作,建立活動與個人化體驗,並能透過 Target 的全域 Mbox 動態傳送到您的網頁屬性,完全不會受到開發人員干涉。您現在也能在原生應用程式中充分利用 VEC 的這項功能。 AEP SDK v5 提供的行動應用程式 VEC 可建立適用於行動應用程式的 A/B 測試 體驗鎖定目標 (XT) 活動。未來會支援其他活動類型。
行動應用程式 VEC 可支援 支援瀏覽器 所列的瀏覽器。

使用適用原生行動應用程式的可視化體驗撰寫器

使用行動應用程式 VEC 的程序如下圖所示:
程序
詳細資料
配對
以安全的方式授權行動應用程式與裝置可以使用 Target。一部裝置只需執行此步驟一次。
編寫
編寫  Target 活動 ,並可即時預覽 Target UI 中執行的動作。
傳送
Target 會自動傳送原生行動應用程式的活動。
配對:
行動應用程式 VEC 會和行銷人員的行動應用程式即時連線,方便編寫 Target 活動。若要啟用此功能,第一步便是以安全的方式,將行動裝置和應用程式與 Target 配對 (授權)。
  1. 舉例來說,在建立 A/B 測試活動時,選取​ 「行動應用程式」 ,再選取​ 「視覺 (預設)」 ,然後選取​ 「下一步」
  2. 輸入應用程式 URL,然後按一下​ 「建立深層連結」
配對程序包含下列步驟:
  1. 輸入可用來產生深層連結的應用程式 URL 配置。一般深層連結看起來如下:
    mymobileapp://path?params
  2. 深層連結可以使用 QR 碼或 URL。使用者可使用手機掃描 QR 碼,或透過電子郵件/訊息將 URL 傳送給自己。深層連結 URL 具有授權 Token,用來將行動裝置和應用程式與 Target 安全配對。
  3. 在行動裝置上開啟深層連結 URL。啟動行動應用程式。SDK 會識別應用程式已啟動,並要在 VEC 中配對與編寫。
    SDK 會向 Target 伺服器發出要求並註冊本身。Target 伺服器會授權 Token,並與裝置建立即時連線 (目前使用網頁通訊端)。
    連線建立後,Target 介面中會出現應用程式即時檢視畫面。應用程式有一個紅色邊界重疊區域,這個指標代表應用程式已連線至 Target,如下圖所示。
    已配對的裝置可透過啟動應用程式並開啟編寫介面,來重新連線。
編寫:
在應用程式連線且 VEC 中出現應用程式即時檢視畫面後,您就可以開始編寫活動。此時支援下列操作:
Action
詳細資料
交換影像
選取不同影像選件或直接設定影像的 CDN URL,都可切換影像。Target 中的影像選件是透過 Adobe Scene7 提供。
變更文字
變更文字元素、按鈕或標籤的文字內容、顏色或字型大小。
變更背景
變更文字區域或按鈕的內容或元素背景。
VEC 中執行的操作可在應用程式中即時查看,因此可在編寫時即時預覽。各項操作會與相關的行動裝置畫面或檢視以對應的方式建立關聯。
管理多個應用程式版本
偵測到新應用程式版本時,系統會通知您已將應用程式版本新增至鎖定目標的版本清單。
可在管理版本對話方塊中手動新增及移除多個行動應用程式版本。

Target 檢視與行動應用程式

行動應用程式 VEC 充分利用檢視的全新概念: 將視覺化元素集結成邏輯群組,打造行動應用程式體驗。
Target 視圖簡介
讓我們以購買花卉的購物應用程式作為例子。此應用程式可讓使用者執行下列作業:
  • 列出現有的花卉與花束
  • 檢視詳細資訊
  • 訂購花卉
  • 付款選項和地址等控制設定
在此應用程式中,每項作業都可以在行動應用程式的各別畫面中完成。當使用者在應用程式中瀏覽時,系統會呈現畫面,讓他們可以執行下列其中一項作業。如果您是 Android 開發人員,很有可能會建立四個不同的 Android Activity 類別,每個類別各自與其中一項作業建立關聯。
在這情況下,每個作業都可當作視圖,您的行動應用程式可在其間切換。這些稱為 Target 檢視,每種檢視各有獨特功能。Target 視圖 (簡稱「視圖」) 是視覺化元素的邏輯容器,會顯示在行動裝置畫面上。視圖可以是畫面或 Android 的 Activity 類別。
行動應用程式的設計很少會如此簡單。實際一點吧! 第一個作業要列出現有的花卉與花束。來新增可以建立多種版面配置的功能吧! 這樣就會產生不同的畫面。舉例來說,新增有三個選項的「排序依據」功能:
  • 依人氣
  • 依價格 (由低至高)
  • 依價格 (由高至低)
在這個範例中,只要使用者選取不同的「排序依據」選項,便會顯示新畫面 (即使 Activity 類別相同)。因此,每個畫面都能視為不同的 Target 視圖。
身為行銷人員的您,想要在每個檢視中建立不同的體驗,並採行專屬選件,且不要麻煩開發人員設定本地 Mbox,或要經過一整套應用程式發行週期。

設定 Target 行動應用程式 VEC

開發人員必須執行下列操作,為行動應用程式啟用行動應用程式 VEC:

Target VEC 實作方法

Target VEC 擴充功能會透過網路要求,為您的應用程式擷取相關的 Target 體驗。選件會透過此網路呼叫擷取,並自動套用於鎖定的畫面。使用者導覽應用程式的多個畫面時,系統不會提出後續網路要求來擷取 VEC 體驗。
擴充功能的預設行為,是在應用程式啟動時提出同步網路要求 (封鎖呼叫)。您可以使用 Launch 控制此網路要求的行為,使其符合您的應用程式行為。

自動擷取 Target 活動

在 Target VEC 擴充功能自動初始化網路要求的情況下,此為預設行為。您可使用下列任一選項,將此要求設為封鎖呼叫或非同步要求。
  • 以同步呼叫擷取 (背景關閉)
    選取時,Target VEC 擴充功能會在應用程式啟動時,以封鎖呼叫的形式提出網路要求。選件會立即套用,且應用程式中不會發生閃爍情形。此為擴充功能的預設行為。
  • 以非同步呼叫擷取 (背景關閉)
    選取時,Target VEC 擴充功能會在應用程式啟動時,於背景提出網路要求,但不會阻擋應用程式載入。如果您的體驗是在應用程式的主畫面上撰寫,如果畫面是在呼叫完成前呈現,主畫面可能不會套用選件。應用程式畫面呈現通常是分別透過 iOS 和 Android 的 didFinishLaunchingWithOptions onActivityResumed 生命週期事件來識別。所有後續畫面會自動套用選件。

以程式擷取 Target 活動

您可以停用 Target VEC 擴充功能,以自動提出網路要求,並決定以程式呼叫擴充功能 API。如此一來,開發人員就能控制應用程式整合 Target VEC 選件的情形。Target VEC 擴充功能有兩種靜態方法 ( prefetchOffers prefetchOffersBackground ),可在以程式擷取 Target VEC 選件時使用。
  • prefetchOffers 方法會隱藏目前的畫面,直到 Target VEC 選件完成擷取為止。選件會自動套用至目前的畫面 (若適用),且畫面會重新顯示。
  • prefetchOffersBackground 方法不會隱藏目前的畫面,並會執行呼叫以擷取相關 Target 選件。目標選件​ 不會 ​套用至目前的畫面,而且畫面不會閃爍。使用者導覽至後續畫面時,系統會自動套用選件 (若適用)。

處理 Target 工作區限制

您可以使用 Launch 介面設定工作區的 at_property 值。這樣可確保只將該工作區的活動提供給您的行動應用程式。

Target API 呼叫的一般準則

若要正確在 Android 新增 Target 視圖,下方簡表條列出放置 targetView 呼叫的正確位置:
接受的 TargetView 位置
正確的新增條件
Activity::onStart Activity::onResume 結尾
開發人員可自行決定 OnStart OnResume 是否要為相同或不同的 targetViews 。若相同,則使用相同的 viewName 。若不同,則使用不同的 viewNames 。SDK 會自動新增這些事件。
接續 Activity::SetContent 呼叫之後
如果 UI 不會變更,可以插入 targetView 呼叫。
View::willAppear
如果選取的檢視只顯示於特定檢視階層。
接續 Activity::SetContentView 呼叫之後
如果活動沒有變更或修改下列程式碼的任何內容。
若為 Android,下表為 targetView 呼叫的錯誤放置位置:
不接受的 TargetView 位置
原因
Activity::onCreate
活動已建立,但與活動關聯的檢視並不保證完整及/或附加於視窗。這樣的放置位置可能會導致編寫畫面未取樣或取樣不正確,和/或選件套用的方式未定。
View::didAppear
視圖已經顯示,若再套用選件,會產生不良的 UI 體驗,造成忽隱忽現的情形。
View::didLoad
視圖並未附加於主檢視階層,且可能已個體化,但不保證會顯示在應用程式 UI 中。

傳送

使用行動應用程式 VEC 編寫的 Target 活動會自動傳送到行動版應用程式。使用者導覽不同 Target 檢視時,這些活動會在應用程式啟動時 (根據啟動組態) 預先擷取並套用,通常會直接顯示在畫面上。
呼叫 TargetVEC.prefetchOffersBackground() API 方法時,系統會從 Target Edge 擷取 Target 選件,並將快取儲存於本機。當 targetView() 呼叫觸發 Target 視圖,就能立即從快取套用 Target 選件,而不必透過網路擷取,藉此提供更流暢的使用者體驗。
如需更多彈性,您也可以呼叫 TargetVEC.prefetchOffers() API,在系統預先擷取 Target 選件並套用至顯示的目標檢視 (可能會導致閃爍) 前,目前的版面會預先隱藏。
當使用者導覽客戶應用程式時,也可以重複呼叫 TargetVEC.prefetchOffersBackground() ,以最新的適當內容重新整理本機 Target 選件快取 (待更新完目前使用者的 Target 個人資料的最新情形)。
請注意,每一次 Target 選件預先擷取時,可能的話,亦會套用 AdobeTargetMobile.targetView() 觸發的最後一個 Target 視圖所屬選件。

疑難排解

行動應用程式 VEC 指出,我的應用程式的連線中斷。
您的網際網路連線可能已中斷。在恢復網際網路後重新啟動應用程式,便會建立新的連線。建議您以 Wifi 連線編寫行動應用程式的 VEC 活動。
行動應用程式 VEC 未與我的行動應用程式同步。
在 VEC 中按一下「重新整理」按鈕,即可同步顯示畫面。

已知限制

  • 行動應用程式 VEC 目前可建立適用於行動應用程式的 A/B 測試 體驗鎖定目標 (XT) 活動。未來會支援其他活動類型。
  • 嘗試將應用程式重新連線至行動應用程式 VEC 時,您必須完全退出應用程式並重新啟動。
    如果行動應用程式已在下方所列情況期間開啟,您必須關閉應用程式,然後重新開啟。請注意,您​ 必須 ​從「最近使用的應用程式」區段關閉行動應用程式,而​ ​按下「返回」按鈕。如果使用「返回」按鈕關閉應用程式,可能會發生斷斷續續的連線問題。
    如果應用程式處於開啟狀態,您時常必須重新啟動應用程式,才能連線至行動應用程式 VEC:
    • 建立新活動時,在您選取行動應用程式後,畫面顯示裝置清單對話方塊。如果應用程式已開啟,您必須關閉然後重新啟動應用程式,裝置才會顯示為可供選取。
    • 在您開始編輯活動時,畫面會顯示裝置對話方塊。如果應用程式已開啟,您必須關閉然後重新啟動應用程式,裝置才會顯示為可供選取。
    • 在您從「目標與設定」一步導覽回「編寫」步驟 (步驟 1) 時,畫面會顯示裝置對話方塊。如果應用程式處於開啟狀態,您必須關閉並重新啟動應用程式,才能重新連線行動應用程式 VEC。 請確定您是從「最近使用的應用程式」區段關閉行動應用程式,而非按下「返回」按鈕。

訓練影片: Adobe Target 行動應用程式可視化體驗撰寫器 (3:33)