這篇博文最早發(fā)布于 2015 年。我們針對當前 iOS 平臺格局的變化對其進行了更新,當然 Android 平臺格局依然如故。
眾所周知,多年來與移動網站相比,用戶更喜歡原生移動 app。但是與 web 相比,深度鏈接到 app 和從 app 進行深度鏈接的可靠性依然不夠理想。為此,仍然有很多手機用戶會使用移動網站,特別是在新 app 發(fā)現(xiàn)方面。
例如,假設一位現(xiàn)有用戶使用您的 app 在 Facebook 上分享了一篇文章,而且有很多訪客點擊了這篇文章。如果您的鏈接把訪客引導到您的 app 所在的 App Store 頁面而不是相應的文章,用戶會覺得很失望,并會因此失去興趣,最后還是要回到 Facebook。這種情況下,使用了智能 app 條幅廣告的移動網站能夠發(fā)揮更好的作用。
在這篇博文中,我們將介紹適合 iOS 和 Android 平臺的多個智能條幅廣告選項,包括如何使用 Branch Journeys 創(chuàng)建完全自定義的智能條幅廣告。
什么是智能 app 條幅廣告?
移動智能條幅廣告使用移動網站上的部分界面向用戶展示原生 app 并吸引用戶在 app 中打開。如果用戶尚未安裝 app,則吸引他們安裝。這是一種智能鏈接,其中包含所有路由邏輯,如果用戶已經安裝 app,則自動打開 app;如果用戶尚未安裝,則回退到 App Store 頁面。
我們可以看到,即使用戶設備上沒有安裝 app,這個移動網站頁面上仍然顯示相應內容。但是屏幕頂部的條幅仍然顯示下載或打開 app 的選項。如果是新用戶,顯示帶條幅廣告的移動網站會提供一個清晰無障礙的入門模型,供用戶在這里與移動網站交互,并在適當?shù)臅r候將用戶轉化為 app 用戶。
Apple 的 iOS 智能 app 條幅廣告有什么作用?
在 iOS 6 中,Apple 發(fā)布了適用于 Safari 的智能 app 條幅廣告。條幅廣告的外觀和體驗從那時候發(fā)生了巨大變化,但是運作方式并沒有改變。
用戶點擊這種條幅廣告時,會出現(xiàn)兩種情況。如果用戶已經安裝 app,條幅廣告將使用隨附的深度鏈接參數(shù),調用 app 的 URI 方案,從而打開 app。如果用戶沒有安裝 app,條幅廣告會將用戶引導到 App Store 頁面。
Apple 的條幅廣告有一些特點是其他第三方的智能條幅廣告無法輕易復制的:
·當 iOS 檢測到已經安裝 app 時,CTA 始終會從”View”變?yōu)椤癘pen”。
·在下載 app 的過程中,智能條幅會顯示進度條。
當然它也有一些局限性,例如:
·只支持 iOS Safari。
·布局、顏色和內容無法更改。
·無法進行點擊或下載歸因。
·只有在用戶已經安裝 app 的情況下,深度鏈接(將用戶引導到指定內容)才能發(fā)揮作用。換言之,不支持延遲深度鏈接。
在 iOS 平臺上實現(xiàn)智能 app 條幅廣告
如果您希望使用基本的 Safari 智能條幅廣告,只需要將以下元標記包含在網頁的 HTML 頭部:
<meta name="apple-itunes-app" content="app-id=myAppStoreID, app-argument=myURL">
app id 是 app 的唯一標識符。如果您不知道 app id,則可以在 App Store 中搜索。您的 app ID 包含在 app 的 App Store 網址路徑中:
您可以借助 app 參數(shù)利用網站上相應的網頁將 app 與 app 內目標位置關聯(lián)起來。這種關聯(lián)可以向 app 傳遞目標位置以及其他信息,例如用戶是否登錄。
要詳細了解默認的 Safari 條幅廣告,請查看 Apple 的文檔頁面:使用智能 app 條幅廣告宣傳 app(Promoting Apps with Smart App Banners)。
注意:如果您已經為自己的網域啟用了 Universal Links,并且用戶設備上已經安裝了 app,Safari 將自動顯示較小版本的 app 條幅廣告。此”Universal Links 條幅廣告”無法禁用。
Android 也有智能 app 條幅廣告嗎?
由于 Android 生態(tài)系統(tǒng)較為開放,瀏覽器種類也更多,Google 并沒有發(fā)布 Android 智能條幅廣告。Chrome 提供了名為原生應用安裝橫幅的條幅,但是實現(xiàn)難度很大,開發(fā)者的控制權限有限,因此并未得到廣泛采用。
Apple 推出 iOS 智能條幅廣告之初,開發(fā)者也開發(fā)了一些兼容 Android 的不同開源方案。遺憾的是,最近幾年這些方案已經停滯,開發(fā)者們也沒有能夠延續(xù)之前的好運。
如果您是同時針對 Android 和 iOS 開發(fā)應用的移動開發(fā)者,并希望尋求統(tǒng)一的做法和歸因衡量方式,這將是一個很大的挑戰(zhàn)。
自定義智能條幅廣告:Branch Journeys
幸運的是,Branch 提供了解決方案:數(shù)萬款 app 使用由 Branch Journeys 工具支持的 iOS 和 Android 智能 app 條幅廣告。這款工具支持所有操作系統(tǒng)和瀏覽器,能夠根據(jù)具體情況將用戶引導到您的 app 或 App Store。
從此不用再擔心如何為 app 的移動網站制作智能 app 條幅廣告或費盡心思尋找外部智能條幅廣告創(chuàng)建工具。Branch Journeys 智能條幅廣告不僅可以讓您充分利用 Apple iOS 智能 app 條幅廣告的所有功能,還額外提供了如下功能:
·動態(tài)智能路由。如用戶點擊條幅廣告時,設備上已經安裝了 app,則打開 app。如果設備上沒有安裝 app,則將用戶引導到對應的 App Store 頁面。
·跨平臺支持。支持所有移動瀏覽器和移動操作系統(tǒng)。一次性輕松創(chuàng)建 iOS 智能條幅或 Android 智能條幅廣告,并在任意情景中使用。
·檢測是否已安裝 App。 如果您的 app 中實現(xiàn)了 Branch SDK 并且用戶已經至少打開過一次 app,則我們可以自動將 CTA 從 “Install” 更改為 “Open”,就像 Apple 的做法一樣,我們也支持自定義相應的 CTA 消息。
·自定義受眾定向。定制智能條幅廣告的外觀和體驗,基于用戶的具體行為在移動網頁和 app 中創(chuàng)建自定義 CTA。例如,針對活躍度最高的用戶使用不同的條幅廣告。
·A/B 測試。 無需更改網頁代碼,就可以運行實驗,以優(yōu)化受眾定向表現(xiàn)。
·本地化。針對不同城市、州/省、國家/地區(qū)提供本地化的文案和設計。
·下載跟蹤。我們在 Branch 后臺提供了豐富的分析數(shù)據(jù),可以幫助您跟蹤條幅廣告的查看量和點擊量,以及 app 的安裝率和打開率。這些數(shù)據(jù)可以反映移動網頁在轉化方面的表現(xiàn),并幫助您優(yōu)化增長營銷活動。
·深度鏈接。您可以指定要傳遞到 app 的數(shù)據(jù)目錄,以便將用戶引導到特定產品或 app 內的特定內容,也稱為深度鏈接。Branch 能夠提供業(yè)界領先的匹配精度,這意味著您甚至可以從 App Store 接收首次安裝的深度鏈接參數(shù),以便為所有用戶(包括新用戶和再次互動用戶)提供個性化的入門體驗。
可以自定義的智能 app 條幅廣告 – 布局、顏色、內容和圖標
為了給移動網站打造原生外觀和體驗,或提供個性化體驗,Branch Journeys 支持使用圖形編輯器或通過直接編輯 CSS 對條幅視覺表現(xiàn)進行全面自定義。其中包括 app 標題、描述、CTA 按鈕、評分和評價數(shù)量。所有內容都可以根據(jù)網站設計進行調整。
Journeys 智能 app 條幅廣告配置指南
Branch Journeys 入門非常簡單。您可以遵守下面的分步指南或申請 Branch 演示程序,聯(lián)系我們的團隊成員。
第 1 步:創(chuàng)建 Branch 帳戶并配置您的鏈接路由
首先,進入操作后臺并按照說明創(chuàng)建免費帳戶。您需要定義所有不同的目標位置,讓 Branch 知道在各種場景下將用戶重定向到哪里。
第 2 步:將 web SDK 添加到您的網站
接下來,在帳戶設置 > 配置文件下,從操作后臺中找回 Branch 秘鑰。將下面的代碼片段拷貝到網站的 Javascript 標簽中。將您在設置頁面中找回的秘鑰添加到 ‘’key_live_YOUR_KEY_GOES_HERE’’ 部分。
<script>
// load Branch
(function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;
)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";
k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);
b[n]=h}})(window,document,"script","branch",function(b,r)
{b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},
"addListener applyCode autoAppIndex banner closeBanner closeJourney
creditHistory credits data deepview deepviewCta first getCode init
link logout redeem referrals removeListener sendSMS
setBranchViewData setIdentity track validateCode trackCommerceEvent
logEvent disableTracking".split(""), 0);
// init Branch
branch.init('key_live_YOUR_KEY_GOES_HERE');
</script>
第 3 步:設置您的 Journeys 智能 App 條幅廣告
前往 Branch 操作后臺的 Journeys 版塊,按照向導說明配置您的智能 app 條幅廣告。如果您的月活用戶數(shù)(MAU)低于 1 萬,則您可以免費激活 Journeys。您還可以在開發(fā)者門戶上查看完整的 Journeys 文檔。
第 4 步:為您的 iOS 或 Android App 配置深度鏈接
最后,您可以按照我們的 iOS 或 Android集成說明輕松為您的原生 app 設置延遲深度鏈接和安裝跟蹤。
一切就緒!