如何設定 iOS 與 Android 智慧應用程式橫幅

Alex Austin

2017-10-30

使用者喜好原生行動應用程式勝過行動網站,這點長期以來眾所周知 然而,應用程式的連出/連入深層連結其穩固性不如網路堅實,因此行動網站對於手機使用方面仍居首要地位,特別是針對探索新應用程式而言。

舉例來說,您可試想一下某位現有使用者想要從您的應用程式分享文章至 Facebook,且有眾多新訪客點閱該文章。若您將這些新訪客引導至適當的 App Store 頁面而非直接展示文章,則會惹怒其中眾多想要關閉 App Store 返回 Facebook 的訪客。針對此情況,採用「智慧應用程式橫幅」的行動網站將可展現絕佳用場。

什麼是「智慧應用程式橫幅」?

行動智慧橫幅其為一種包含所有路由邏輯的智慧連結,在已安裝應用程式時會自動開啟該應用程式,或是在未安裝該應用程式時切換回 App Store 頁面。

Smart App Banner Example如您所見,即使未安裝應用程式,內容在此行動網站頁面上仍可供使用,但位於畫面頂端的橫幅可為使用者提供選項,選擇是否下載或開啟應用程式。針對新使用者,具有橫幅的行動網站展現出清爽且低調的上架模式,使用者可從中與您的行動網站展開互動,並隨個人意願轉換為完整版應用程式使用者。

pple 推出的「iOS 智慧應用程式橫幅」會執行哪些工作?

Apple 針對 iOS 6 發佈了內建至 Safari 的完全整合式智慧應用程式橫幅如以下所見,其在外觀上較以往更加進化,但功能方面與過去並無差異。

Smart app banner on iOS

若點擊此橫幅,則會產生兩種不一樣的結果。若已安裝應用程式,則橫幅會運用隨附的深層連結參數,呼叫其 URI 配置以開啟該應用程式。若未安裝應用程式,則橫幅會將使用者引導至 App Store 頁面。

Apple 橫幅具備其他第三方智慧橫幅無法輕易借鑒採用的一些獨家特性:

  1. 當 iOS 偵測到已安裝應用程式時,「檢視」動作呼叫會一律變更為「開啟」。

  2. 當下載應用程式時,智慧橫幅會顯示進度列。

此外其還具備一些重大限制:

  1. 僅支援在 iOS Safari 上運作。

  2. 無法變更版面配置、色彩和內容

  3. 無點擊或下載追蹤
  4. 深層連結 (將使用者引導至特定內容) 僅在已安裝應用程式時才會運作。

是否推出「Android 智慧應用程式橫幅」?

由於 Android 生態系統與瀏覽器選擇較為分散,因此 Google 從未發佈過 Android 智慧橫幅。所有 Android 開發人員皆必須自行設計,或是採用先前既有的解決方案。若您是一位針對 Android 和 iOS 建置專屬解決方案的行動開發人員,且希望獲得穩定一致的運作行為和歸屬測量,則上述狀況是一大麻煩。

隨著 Apple 推出 iOS 智慧橫幅,造就了針對 Android 相容性的數種第三方開發選擇。遺憾的是,這些替代方案的研發進度近年來停滯不前,因此再次讓開發人員感到期望落空。以下舉出數項較為普遍的範例:

  1. jQquery 專屬智慧應用程式橫幅外掛程式https://github.com/jasny/jquery.smartbanner (已終止維護)
  2. 無需 jQuery 的智慧應用程式橫幅https://github.com/kudago/smart-app-banner

Branch 跨平台智慧應用程式橫幅

每天有數萬種應用程式皆使用 Branch 連結至本身的應用程式,其會採用來自原生 iOS/Android SDK 的動態產生連結,以及在 Branch 儀表板上手動建立的行銷連結。這些連結可在所有作業系統和瀏覽器上運作,並視情況而定將使用者傳送至您的應用程式或 App Store。.

我們運用此種專業技術,打造了可完全自訂和追蹤的跨平台深層連結智慧應用程式橫幅。其可在所有瀏覽器上運作,包括 Safari、Chrome、Firefox 以及 Stock Android 瀏覽器。

iOS 版 Branch 橫幅範例:

smartbanner-blog3-cut_1.png

桌面版 Branch 橫幅範例:

desktop_banner1.png

您可透過 Branch 智慧應用程式橫幅,取得 Apple iOS 智慧應用程式橫幅的所有功能,此外還可享有以下各項優異功能:

  1. 智慧路由

當點選橫幅或目前正在安裝應用程式時,「智慧路由」功能會連結至「應用程式」或適當的 App Store,然後再開啟應用程式。若未安裝應用程式,其會將使用者引導至適當的 App Store 頁面

  1. 跨平台支援

可在所有行動瀏覽器與行動作業系統上運作。只要輕鬆建立一次 iOS 智慧橫幅或 Android 智慧橫幅,此後無論在任何地方皆可使用。

  1. 已安裝應用程式偵測

若您的應用程式中已有 Branch SDK,且使用者以至少開啟一次,我們可如同 Apple 一樣將動作呼叫自動從「安裝」更新為「開啟」,或者亦可讓您針對動作訊息自訂個別的呼叫。

  1. 自訂對象目標

根據使用者在全體行動網路與您應用程式上的特定行為,量身打造「智慧橫幅」外觀與動作呼叫。例如,針對最活躍使用者使用不同的橫幅。

  1. A/B 測試

無需在網頁上變更任何程式碼,執行實驗以找出最佳化的「智慧橫幅」對象與創意內容,推動達成最理想的新應用程式安裝與應用程式重啟行為轉換成效。

  1. 下載追蹤

我們針對 Branch 儀表板提供豐富多樣的分析資訊,協助您追蹤橫幅的檢視與點擊人次,以及應用程式的安裝與開啟次數。您可運用此功能掌握行動網頁的轉換狀況,協助發揮最佳網站成長績效。

  1. 深層連結

您可指定想要傳送至應用程式的資料字典,以將使用者引導至特定產品或應用程式當中的部分內容 亦稱為深層連結。 Branch’s 獨步業界的配對技術準確性,您甚至還可取得初次從 App Store 安裝的這些深層連結參數,以針對所有舊雨新知使用者自訂上架流程。可自訂智慧應用程式橫幅創意內容

  1. 版面配置、顏色、內容和圖示

無論是支援您行動網站的原生外觀,或是想要自訂使用體驗,Branch Journeys 皆可讓您透過圖形化編輯器或是直接編輯 CSS,完整自訂橫幅的所有視覺化層面內容。此包括應用程式標題、說明、動作呼叫按鈕,星級評等以及評論數。其完全支援調整功能,以符合您網站的個別設計風格。

關於使用 Journeys 設定通用智慧應用程式橫幅的說明指引

Branch 亦推出 Journeys進階解決方案,讓您無需編寫程式碼,即可輕鬆建立與部署網站內容至智慧橫幅等應用程式資產。品牌廠商可運用 Journeys 執行以下工作:

1. 根據網路與應用程式活動、推薦網站、作業系統等項目,建立不受數量限制的潛在對象。

2. 自由選擇眾多豐富的預建範本,並可全權控制資產的版面配置和設計。

3. 查看依 Journey 區隔的即時績效。將正漏斗動作歸因回 Journey。無需變更程式碼即可實作增強功能。

關於設定通用智慧應用程式橫幅的說明指引

您可極為輕鬆簡易地開始使用「Branch Journeys 智慧應用程式橫幅」。參閱以下的逐步指引。

步驟 1:設定連結路由

首先前往 https://start.branch.io 並遵循指示操作。您將定義所有不同端點,以讓 Branch 瞭解要在每個情境中的何處位置重新導向使用者。

步驟 2:將 Web SDK 新增至您的網站

接著從儀表板取得您的 Branch 金鑰,網址為 https://dashboard.branch.io/#/settings。將以下的程式碼片段,貼至您網站上的 Javascript 標籤。在「YOUR-BRANCH-KEY」區段,新增取得自設定頁面的金鑰。

3:設定您的 Journeys Smart 應用程式橫幅

前往 Branch 儀表板的 Journeys 區段,然後遵循精靈指示設定您的智慧應用程式橫幅。您亦可在我們的開發人員入口網站,找到完整的。Journeys 說明文件

步驟 4:設定您 iOS 或 Android 應用程式的深層連結

最後,您可遵循位於此網站的 iOSAndroid適用整合說明,為您的原生應用程式設定延後深層連結,並極為輕鬆簡易地安裝追蹤功能。

一切大功告成!

现在订阅每周博客摘要,其中包含移动增长技巧,行业更新和产品公告!
shares